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()转换一下,就是正常的数据格式啦