template部分
<button type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseavatar">
<image class="image_7" :src="avatarUrl" mode="aspectFill" />
</button>
script部分
onChooseavatar(e) {
let self = this;
const {
avatarUrl
} = e.detail
console.log("获取到用户头像avatarUrl:" + avatarUrl)
// 下载头像图片
wx.downloadFile({
url: avatarUrl,
success(res) {
if (res.statusCode === 200) {
console.log('download success');
const tempFilePath = res.tempFilePath
console.log("获取到用户头像tempFilePath:" + tempFilePath)
// 上传下载的图片
wx.uploadFile({
url: getApp().globalData.UrlList.ServerUrl + "ImgUpload",
filePath: tempFilePath,
name: 'file',
formData: {
'openid': wx.getStorageSync('openid')
},
success(res) {
const data = JSON.parse(res.data)
console.log('upload success');
console.log("成功获取到用户头像存入数据库:", data.data);
self.avatarUrl = data.data;
console.log('this.avatarUrl success',self.avatarUrl);
},
fail(res) {
console.log('upload fail');
}
})
}
}
})
},