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