微信小程序获取用户头像

微信为了安全更改了许多API接口，属实烦人。这次带来的是微信小程序基础库3.5.0还能使用的获取用户头像方法

按键式

<view><view><button open-type="chooseAvatar" bindchooseavatar="onGetUserImage">获取用户头像</button></view>
</view>

Page({data:{},onGetUserImage(el){console.log(el.detail.avatarUrl)//微信头像url}
})

图片式

<view><view class="userImage"><button open-type="chooseAvatar" bindchooseavatar="onGetUserImage"><image src="{{userImage}}" mode="" class="userImage"/></button></view>
</view>

/**index.wxss**/
/**index.wxss**/
button{width: 250rpx;height: 250rpx;background: none;
}
image{width: 100%;height: 100%;
}

Page({data:{userImage:"https://bkimg.cdn.bcebos.com/pic/b90e7bec54e736d12f2e7f60390758c2d5628535c319?x-bce-process=image/format,f_auto/watermark,image_d2F0ZXIvYmFpa2UyNzI,g_7,xp_5,yp_5,P_20/resize,m_lfit,limit_1,h_1080"},onGetUserImage(el){console.log(el)this.setData({userImage:el.detail.avatarUrl})}
})