小程序 图片上传代码

以下是小程序中使用wx.chooseImage和wx.uploadFile实现图片上传的代码示例：

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

<view>
  <button bindtap="chooseImage">选择图片</button>
  <image src="{{imageUrl}}"></image>
</view>

2. 在js文件中定义chooseImage函数，在函数中调用wx.chooseImage方法选择图片并设置imageUrl：

Page({
  data: {
    imageUrl: ''
  },
  chooseImage: function() {
    var that = this
    wx.chooseImage({
      count: 1, // 可选择图片数量
      sizeType: ['original', 'compressed'], // 可选择图片的大小类型
      sourceType: ['album', 'camera'], // 可选择图片的来源
      success: function(res) {
        that.setData({
          imageUrl: res.tempFilePaths[0]
        })
      }
    })
  }
})

3. 在js文件中定义uploadImage函数，在函数中调用wx.uploadFile方法上传图片：

Page({
  data: {
    imageUrl: ''
  },
  chooseImage: function() {
    // 选择图片的代码...
  },
  uploadImage: function() {
    var that = this
    wx.uploadFile({
      url: '上传图片的接口地址',
      filePath: that.data.imageUrl,
      name: 'file',
      success: function(res) {
        console.log(res.data)
      }
    })
  }
})

注意事项：

- 在上传图片之前，需要先获取用户授权，将scope.writePhotosAlbum添加到小程序的app.json文件中。
- 在上传图片之前，需要先将图片上传到微信服务器，再将微信服务器返回的图片地址上传到自己的服务器上。