此处使用 @select 处理选择完文件后的逻辑,即将文件上传到自己的服务器。
<uni-file-picker limit="1" :del-icon="false" disable-preview :imageStyles="imageStyles"
file-mediatype="image" @select="upload">选择</uni-file-picker>
此处我需要将头像的存储地址存入数据库中,因此需要上传额外的参数(用户的id),所以需要使用 uni.uploadFile() 的 formData。
/* 头像上传 */
upload(e) {
console.log(e)
uni.uploadFile({
url: 'http://localhost:8887/uploadAvatar',
filePath: e.tempFilePaths[0],
name: 'file',
formData: {
sid: this.student.sid
},
header: {
'content-type': 'multipart/form-data' // 使用multipart/form-data格式
},
success: (res) => {
console.log(res)
}
})
}