wx.uploadFile踩过的坑

1，坑一：指向问题，wx.uploadFile()在官方文档中，给出了这么一个demo

wx.chooseImage({
  success (res) {
    const tempFilePaths = res.tempFilePaths
    wx.uploadFile({
      url: 'https://example.weixin.qq.com/upload', //仅为示例，非真实的接口地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData: {
        'user': 'test'
      },
      success (res){
        const data = res.data
        //do something
      }
    })
  }
})

在wx.chooseImage下，有两个success回调，那么问题就来了，这时候，你在回调里面console一下，会报错，undifind，WTF? 再检查一遍代码，没毛病，我甚至抄的是官方的，那么问题肯定就是我的问题了，其实出现这个问题，只是一个指向的问题，你只需要把这个官方的回调改成箭头函数，就解决了

wx.chooseImage({
  success (res)=> {
    const tempFilePaths = res.tempFilePaths
    wx.uploadFile({
      url: 'https://example.weixin.qq.com/upload', //仅为示例，非真实的接口地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData: {
        'user': 'test'
      },
      success (res)=>{
        const data = res.data
        //do something
      }
    })
  }
})

2，坑2 wx.uploadFile()返回值
解决了指向问题，终于可以愉快的写代码了，然后你需要吧success返回的data值setData到页面，然后你会按照之前的写法

wx.chooseImage({
  success (res)=> {
    const tempFilePaths = res.tempFilePaths
    wx.uploadFile({
      url: 'https://example.weixin.qq.com/upload', //仅为示例，非真实的接口地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData: {
        'user': 'test'
      },
      success (res)=>{
        const data = res.data
        console.log(data)
        this.setData({
        	xxx: data
        })
      }
    })
  }
})

然后你会发现，success返回的data数据，是用字符串包起来的，WTF? 怎么用？
你只需要在拿到这个data的时候，JSON.parse()转换一下，就是正常的数据格式啦