如何在小程序中实现图片上传

       随着小程序的普及，越来越多的人开始使用小程序进行各种操作。其中，图片上传是一个非常常见的需求，比如上传头像、上传照片等。那么，如何在小程序中实现图片上传呢？下面就来一起探讨一下。 首先，我们需要在小程序中使用wx.chooseImage()函数来选择图片。这个函数会弹出一个选择图片的窗口，用户可以在其中选择要上传的图片。选择图片后，我们需要将图片上传到服务器。在上传之前，我们需要将图片转化为base64格式。 

将图片转化为base64格式的代码如下：

```js
wx.chooseImage({
  count: 1, // 最多可以选择的图片张数，默认9
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
  success: function (res) {
    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    var tempFilePaths = res.tempFilePaths;
    wx.getFileSystemManager().readFile({
      filePath: tempFilePaths[0],
      encoding: 'base64',
      success: function (res) {
        console.log('data:image/png;base64,' + res.data);
        // 将base64格式的图片上传到服务器
      }
    })
  }
})
```

```js
wx.request({
  url: 'https://www.example.com/upload', // 服务器地址
  method: 'POST',
  header: {
    'content-type': 'application/json' // 默认值
  },
  data: {
    image: 'data:image/png;base64,' + res.data // base64格式的图片
  },
  success: function (res) {
    console.log(res.data)
  }
})
```