小程序图片上传功能_技术

记录一下小程序的图片上传，用到的地方还是不少的。
主要用的API就是wx.chooiceImage。
另外肯定需要搭配一下删除、预览的功能。
```
// 选择图片并上传到服务器
chooseImage(e) {
  let that = this
  wx.chooseImage({
    count: 1, // 限制一张
    sizeType: ['original', 'compressed'], //可选择原图或压缩后的图片
    sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
    success: res => {
      const tempFilePaths = res.tempFilePaths // 获取到临时文件位置，这里是一个数组，
	  // 这里我直接传到服务器上，当然也可以在提交表单的时候进行上传，但是需要用pormise写一个方法，还不太熟悉，所以这里索性直接传了，等保存时候再将临时文件删掉
      wx.uploadFile({
        url: 'xxxxx', // 上传文件地址 
        filePath: tempFilePaths[0],
        name: 'file',
        formData: {},
        success(res) {
          const data = JSON.parse(res.data)
		  // 传完放到页面里
          that.setData({
            images: data.fullpath,
            imagesTitle: data.name
          })
        }
      })
    }
  })
},
// 删除图片方法
removeImage(e) {
  this.setData({
    images: '',
    imagesTitle: ''
  })
},
// 预览图片方法
handleImagePreview(e) {
  const images = this.data.images
  wx.previewImage({
    current: 0, //当前预览的图片
    urls: [images], //所有要预览的图片
  })
},
```