微信小程序多张图片上传功能

1.首先打开相册选择图片 将图片的本地临时路径保存起来
wx.chooseImage({
count:2,
success(res) {
const tempFilePaths = res.tempFilePaths
console.log(tempFilePaths,’__’)
me.setData({
path: tempFilePaths
})
}
})
2.自定义方法上传图片

      wx.uploadFile({
        url: 'http://xxxxxx', //上传的服务器的地址
        filePath: me.data.path[i], //文件路径
        name: 'file',    //文件对应的name
        formData: {
          'xx': 'xx'.   //附带上传的其他信息
        },
        success(res) {
          console.log(res, '{{{{')
          const data = JSON.parse(res.data)    //因为服务器端返回的是json字符串 所以我这里处理了一下
          imgList.push(data) 
          i++
          if(i == me.data.path.length){
            console.log("图片上传完毕")
            return
          }else{
            me.click()
          }
        },
        fail: function () {
          console.log("上传失败")
        }
      })

3.取出结果

  result: function(){
    var me = this;
    console.log(imgList,'______')
  }```
  注意: 在图片上传的过程中的i 和imgList都是定义的全局变量
  上传的整个过程其实就类似于阶乘函数
  分享 也是学习的一种方式

猜你喜欢

转载自blog.csdn.net/Lemon_01/article/details/84107088