用户头像上传

<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'
						});
					}
				});
			}
		});
	},
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值