支付宝小程序手机相册上传多个图片踩坑

一.一般上传图片

Page({
  data: {
  img:[]//声明一个数组用来接收图片地址
  }
showUploadFile() {//上传图片到手机端
my.chooseImage({
          chooseImage: 1,
          success: res => {
              // console.log(res, "文件1")
              const path = res.apFilePaths[0];
              // console.log(path, "文件2");
              arr.splice(this.data.img.lengt - 1, 0, path)//向img数组添加新的图片地址
              console.log(arr)
              that.setData({//更新img数组
                img: arr
              })
          },
        });
 })

注意:img图片必须使用支付宝小程序官方文档推荐按钮才能渲染

 <view class="page-section-demo btn" onTap="showUploadFile" a:for="{{img}}" a:for-index="idx" a:for-item="item">
     <image class="image" data-idx="{{idx}}" mode="{{item.mode}}" src="{{item}}" onError="imageError" onLoad="imageLoad" />
 </view>

 let arr2 = that.data.formData.pids
 for (let i = 0; i < that.data.img.length - 1; i++) {
          console.log(that.data.img[i]);
          let image = that.data.img[i]
          console.log(image)
          my.uploadFile({
            url: `服务器地址`,
            fileType: 'image',
            fileName: 'files',
            filePath: image,
            header: {
              'Content-Type': 'application/json',
            },
            success: function (res) {
              console.log(res.data, "文件3")
            },
          })
        }

如遇到:支付宝小程序发起支付生成订单提交图片问题 等细节请留言