随后记:uniapp小程序获取用户头像

本文介绍了微信小程序升级后如何通过设置button组件的open-type属性为chooseAvatar,让用户点击获取头像,然后在getUserImg回调中获取头像临时路径,并可能涉及上传至后端数据库的操作。
摘要由CSDN通过智能技术生成

小程序升级之后,展示用户头像需要通过用户自己点击获取头像才可以展示

传送门:

需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头像之后,可以通过 bindchooseavatar 事件回调获取到头像信息的临时路径。

<button type="small" class="btn-style" open-type="chooseAvatar" @chooseavatar="getUserImg">
	<u-avatar class="btn-img":src="wechatImgUrl" :size='120'></u-avatar>
</button>
	.btn-style{
		width: 120upx;
		height: 120upx;
		border-radius: 50%;
		flex-shrink: 0; 
		position: relative;
	}
	.btn-img{
		position: absolute;
		top: 0;
		left: 0;
	}
			// 获取头像
			getUserImg(res) {
				console.log('获取用户头像res', res)
				console.log("获取用户头像11:", res.detail.avatarUrl)
				this.wechatImgUrl = res.detail.avatarUrl;
		        
				下面调用你将图片传到后端数据库的逻辑
			}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

peachSoda7

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值