asp微信小程序上传多张照片功能,wx.chooseMedia和wx.uploadFile配合实现多张图片上传-Toy模板网

这篇具有很好参考价值的文章主要介绍了asp微信小程序上传多张照片功能,wx.chooseMedia和wx.uploadFile配合实现多张图片上传。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

由于项目需要使用asp，因此用asp写了一个接收微信小程序上传多张照片的功能，例用的是wx.chooseMedia和wx.uploadFile配合，循环上传多张照片，微信小程序现在好像最多可以上传20张，闲话不好上代码，需要的可以直接下载，前后台都有，本文只放前端代码：

本文实现微信小程序前端上传多张照片，实现上传后展示出来，并可以删除任意照片，点击照片可以预览，上下滑动，服务器端用asp接收图片：

以下是js部份：
data: {
ImgSrc:[]//存服从服务器返回的图片地址，如果需要保存数据库，把这个以post形式提交走
},

updateHead(e){
wx.chooseMedia({
count: 9,
mediaType: ['image'],
sourceType: ['album', 'camera'],
sizeType:['compressed'],
camera: 'back',
success: (res) => {
for(i=0;i<res.length;i++){
wx.uploadFile({
url: app.globalData.webapi + `upload.asp?&v=${Math.random()}`,
filePath: res.tempFiles[i].tempFilePath,
name: 'file',
formData: {
'mobile': '18611436777',
'weixin' : '18611436777'
},
success: (res) => {
if(res.Code == 200){
if(obj.ok == 0){
this.data.ImgSrc(obj.ImgSrc);
}else{
app.showToast(obj.msg,'error',3000)
}
}else{
app.showToast('upload地址出错','error',3000)
})
}
}
})
},