小程序开发之多图上传思路,效果:1.使用wx.chooseImage()从本地相册选择图片,或使用相机拍照获取图片,从回调success中获取图片的本地文件路径列表 tempFilePaths并使用setData保存
2.循环tempFilePaths并用回调函数的方式,依次向后台上传图片,后台返回图片上传路径
3.用push函数,向imgs数组保存返回的路径,并发数组到后台保存,就完成了
代码js:
upimgs: function() {
var that = this;
let number = 0;
let imgs = [];
let upimgs = function() {
wx.showLoading({
title: '上传中'
})
wx.uploadFile({
url: 'upload/upload.php',
filePath: that.data.tupians[index],
name: 'file',
success: function(res) {
imgs.push(res.data)
if (number>=(that.data.tupians.length - 1)) {
//上传完成,上传完路径在imgs中
} else {
//继续上传
number++;
upimgs();
}
}
})
}
}
后台可以自己写,要上传完能返回上传路径。本人菜鸟一枚,还希望各位大佬多多包涵。推广一下小程序,多有打扰谢谢。