微信小程序上传图片时，点击按钮毫无反应？

Question

在微信小程序开发时，在上传一张图片时，选择图片和上传图片都有效。可到上传多张图片的时候，就只有选择图片有效（选择的图片都正确地存储在了图片列表里），点击上传图片按钮无任何反应？ 有人解答一下吗？

Answer 1

aomodadi 上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

对于微信小程序上传多张图片无反应的问题，有以下几个可能的原因和解决方案：

1. 检查按钮绑定的事件是否正确： 确保按钮绑定的事件名与相应的上传图片函数名一致。
2. 检查上传图片函数代码： 确保上传图片函数中的逻辑正确，包括获取图片列表、遍历图片列表进行上传等。
3. 检查图片列表是否正确获取和显示： 确保选择的图片正确存储在了图片列表中，并通过wx:for指令遍历显示图片。
4. 检查上传权限： 确保在小程序的app.json配置文件中，已经添加了上传图片的权限。

以下是一个可能的解决方案示例：

<!-- 选择多张图片 -->
<view class="container">
  <button bindtap="chooseImageS">选择图片</button>
  <view wx:for="{{imageUrls}}" wx:key="index">
    <image src="{{item}}" mode="aspectFit"></image>
  </view>
  <button bindtap="uploadImageS">上传图片</button>
</view>

Page({
  data: {
    imageUrls: []  // 图片列表
  },

  chooseImageS: function () {
    var that = this;
    wx.chooseImage({
      count: 9,  // 最多选择9张图片
      success: function (res) {
        // 将选择的图片添加到列表中
        var tempFilePaths = res.tempFilePaths;
        that.setData({
          imageUrls: that.data.imageUrls.concat(tempFilePaths)
        });
      }
    });
  },

  uploadImageS: function () {
    var that = this;
    // 遍历图片列表进行上传
    for (var i = 0; i < that.data.imageUrls.length; i++) {
      wx.uploadFile({
        url: 'your_upload_url',
        filePath: that.data.imageUrls[i],
        name: 'file',
        success: function (res) {
          // 上传成功
          console.log(res);
        },
        fail: function (res) {
          // 上传失败
          console.log(res);
        }
      });
    }
  }
});

请根据实际情况，修改并尝试以上解决方案，看是否可以解决你遇到的问题。如果问题仍然存在，请提供更多相关的代码和错误信息，以便更好地帮助你解决问题。