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

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

浏览量:517 时间: 来源:xiao1215fei

微信小程序七牛图片上传,直接采用七牛社区提供的针对微信小程序的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循环在异步代码中的运行结果)

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎