微信小程序七牛图片上传(多张图片循环上传)

微信小程序七牛图片上传,直接采用七牛社区提供的针对微信小程序的SDK即可,下面讲一下多张图片循环上传到七牛,再将返回的地址保存到数据库该如何操作。看下面代码:

var imgList = [];//多张图片地址,保存到一个数组当中
    var state = 0;//state记录当前已经上传到第几张图片
    new Promise(function (resolve, reject) {
      for (var i = 0; i < that.data.imageList.length; i++) {
        qiniuUploader.upload(that.data.imageList[i], (res) => {
          state++;
          imgList.push('http://'+res.imageURL);
          console.log(state)
          if (state == that.data.imageList.length) {
            resolve(imgList);
          }
        }, (error) => {
          reject('error');
          console.log('error: ' + error);
        }, {
            uploadURL: 'https://upload.qiniup.com',
            domain: '你的图片地址/',
            uptoken: that.data.upToken//从后台请求回来的token
          })
      }
    }).then(function (imgList) {
      wx.request({
        url: app.globalData.baseUrl + '/保存图片的地址',
        data: {
          imgList: imgList.toString()
        },
        method: "POST",
        header: {
          'content-type': 'application/json'
        },
        success: function (res) {
          wx.navigateBack({
            delta: 1
          })
        }
      })
    })

上面代码中的new Promise是关键,如果不用new Promise来解决异步问题,那么七牛上传的方法始终上传的都是for循环的最后一个值(对此处不懂的同学可试验一下for循环在异步代码中的运行结果)

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值