- 上传图片(头像)首先想到的就是uniapp官方提供的网络请求uniapp网络请求
- 照着官方提供的方法试了之后,遇到一个问题,就是h5端是可以正常上传文件的,但是在调试app基座的时候,app会无法上传,并且hbuiderx编辑器控制台报错,app上传完成后会显示一个空白的头像。
- 下方是上传相关的代码片段
onUploadFile() {
var that = this;
uni.chooseImage({
count: 1,
success: chooseImageRes => {
const tempFilePaths = chooseImageRes.tempFilePaths;
uni.uploadFile({
url: that.BASE_URL + '/upload/uploadPic',
filePath: tempFilePaths[0],
name: 'file',
header: {
Authorization: store.state.token
},
success: uploadFileRes => {
const data = JSON.parse(uploadFileRes.data);
if (data.code === '200') {
that.avatar = that.BASE_URL + data.data.url;
} else {
uni.$u.toast('上传失败');
}
}
});
}
});
}