小程序升级之后,展示用户头像需要通过用户自己点击获取头像才可以展示
传送门:
需要将 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;
下面调用你将图片传到后端数据库的逻辑
}