由于项目需要使用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()}`,