微信小程序获取用户头像

微信为了安全更改了许多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
    })
  }
})