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