<view @click="changeImage" style="display: flex; align-items: center;">
<u-avatar :src="userPhoto ? userPhoto : 'https://www.tcwang.cc/tcuni/photo.png'" size="80"></u-avatar>
</view>
methods: {
// 修改头像
changeImage() {
// 选择图片
uni.chooseImage({
count: 1, //默认9 最多可选择的照片
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
// sourceType: ['album'], //album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项
success: function(res) {
uni.showLoading({
title: '上传中'
});
// 上传图片
uni.uploadFile({
url: baseUrl + '/user/user/updateUserPhoto', //仅为示例,非真实的接口地址
filePath: res.tempFilePaths[0],
name: 'img',
formData: {},
header: {
Authorization: uni.getStorageSync('userInfo').token,
from: 'tcwang'
},
success: (uploadFileRes) => {
let code = JSON.parse(uploadFileRes.data)
if (code.responseCode === 200) {
console.log('code.data :>> ', code.data);
this.userPhoto = code.data
uni.hideLoading();
uni.showToast({
title: '修改头像成功!',
icon: 'none'
});
setTimeout(() => {
uni.navigateBack()
}, 1500)
} else {
uni.hideLoading();
uni.showToast({
title: '修改头像失败!',
icon: 'none'
});
}
},
fail: (err) => {
uni.hideLoading();
uni.showToast({
title: '修改头像失败!',
icon: 'none'
});
}
});
}
});
},
}