微信小程序如何上传图片

要在微信小程序中上传图片，可以使用小程序提供的wx.chooseImage()和wx.uploadFile()方法来实现。

首先，在wxml文件中，添加一个按钮，用于触发选择图片的操作：

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

然后，在js文件中，定义一个`chooseImage`函数，用于调用wx.chooseImage()方法选择图片并上传：

Page({
  chooseImage: function() {
    wx.chooseImage({
      count: 1, // 最多可选择的图片张数
      sizeType: ['original', 'compressed'], // 图片尺寸类型
      sourceType: ['album', 'camera'], // 图片来源类型
      success: function(res) {
        const tempFilePaths = res.tempFilePaths // 选择的图片临时文件路径
        wx.uploadFile({
          url: '上传图片的接口地址',
          filePath: tempFilePaths[0],
          name: 'file',
          success: function(res) {
            console.log('上传成功')
          },
          fail: function(res) {
            console.log('上传失败')
          }
        })
      }
    })
  }
})

在这里，我们使用了wx.chooseImage()方法来选择图片，并将选中的图片的临时文件路径保存在`tempFilePaths`变量中。然后，我们使用wx.uploadFile()方法来将选中的图片上传到指定的接口地址中。

需要注意的是，`wx.uploadFile()`方法中的`filePath`表示要上传的文件路径，`name`表示上传文件的名称，这两个参数都需要按照接口的要求进行设置。

上传成功后，我们可以在success回调函数中进行相应的处理，比如提示用户上传成功。如果上传失败，则可以在fail回调函数中进行相应的处理，比如提示用户上传失败。