小程序 上传图像

在微信小程序中上传图像，你需要使用微信小程序提供的API接口 wx.chooseImage 和 wx.uploadFile。以下是一个简单的示例：

1. 在 wxml 文件中添加一个按钮用于选择图片：

<button bindtap="chooseImage">选择图片</button>

2. 在 js 文件中编写 chooseImage 函数，用于调用微信小程序的 API 接口 wx.chooseImage 选择图片：

Page({
  chooseImage: function () {
    var that = this;
    wx.chooseImage({
      sourceType: ['album', 'camera'], // 选择图片的来源
      sizeType: ['compressed'], // 图片压缩
      count: 1, // 最多可以选择的图片数量
      success: function (res) {
        // 返回选定照片的本地文件路径列表，数组形式
        var tempFilePaths = res.tempFilePaths;
        that.setData({
          imagePath: tempFilePaths[0]
        });
        // 上传图片
        that.uploadImage();
      }
    });
  },

  uploadImage: function () {
    var that = this;
    wx.uploadFile({
      url: 'https://your-server-url.com/upload', // 你的服务器上传接口地址
      filePath: that.data.imagePath, // 从 chooseImage 获取的图片路径
      name: 'file',
      formData: {
        'user': 'test'
      },
      success: function (res) {
        // 上传成功后，你可以在这里处理服务器返回的数据
        console.log(res.data);
      },
      fail: function (err) {
        // 上传失败后，你可以在这里处理错误信息
        console.log(err);
      }
    });
  }
});

3. 在 wxss 文件中设置图片的样式（可选）：

.image {
  width: 100%;
  height: auto;
}

4. 将你的小程序代码部署到微信开发者工具中测试。点击 "选择图片" 按钮，选择一张图片，然后观察控制台输出以及服务器响应。如果一切正常，你应该能看到上传成功的信息和服务器返回的数据。