小程序图片上传到七牛云

一、申请七牛云

上七牛云官网注册登录,身份认证以后进入

点击新建存储空间 

安装步骤完成新建就可以了。

二、 后端生成token

我这里用的是node.js。

首先安装七牛云的依赖包

npm install qiniu --save

后台生成token

 

上图中的accessKey和secretKey在七牛云的   个人中心-》密匙管理中

其中accessKey -> AK   secretKey -> SK

buckey对应的是你的存储空间的名称

 

三、前端接收token发送请求获得图片的网络地址

先去官网下载七牛云的JS文件 下载地址

https://github.com/gpake/qiniu-wxapp-sdk#region 

在需要用到的页面中引入

 

addImg函数是调用微信小程序自带的chooseImage API获取图片的临时地址

      addImg(i) {
        let that = this;
        wx.chooseImage({
          count: 1,
          sizeType: ['original', 'compressed'],
          sourceType: ['album','camera'],
          success(res) {
            // tempFilePath可以作为img标签的src属性显示图片
            that.imgList[i].showImg = true

            that.imgList[i].tempFilePaths = res.tempFilePaths[0];
            that.$forceUpdate();
            that.getToken(res.tempFilePaths[0]);
          }
        })
      },

getToken函数是先发送http请求 从后台获取生成的token,然后再调用七牛云自带的upload去获得图片的网络地址

上图中domain的值在 

 

 uploadURL是你的对象存储空间的地区

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值