微信小程序聊天实现图片发送功能

实现微信小程序聊天发送图片功能，可以通过以下步骤实现：

1. 首先在 wxml 文件中添加一个上传图片的按钮，并绑定上传图片的方法：

<button bindtap="chooseImage">上传图片</button>

2. 在对应的 js 文件中添加上传图片的方法，使用 wx.chooseImage 接口选择并上传图片：

chooseImage: function () {
  var that = this
  wx.chooseImage({
    sourceType: ['album', 'camera'],
    success: function (res) {
      var tempFilePaths = res.tempFilePaths
      wx.uploadFile({
        url: '上传图片的url',
        filePath: tempFilePaths[0],
        name: 'file',
        success: function (res) {
          console.log(res.data)
          // 在此处进行上传成功后的逻辑处理
        }
      })
    }
  })
}

3. 在后台处理上传图片的接口中，对上传上来的图片进行处理，保存在服务器或返回图片的url地址。

4. 在 wxml 文件中渲染上传的图片：

<image src="{{imageSrc}}"></image>

5. 在对应的 js 文件中添加渲染上传图片的方法：

data: {
  imageSrc: ''
},
onLoad: function () {
  var imageSrc = '上传成功后的图片url地址'
  this.setData({
    imageSrc: imageSrc
  })
}