微信小程序＜open-data type=“userAvatarUrl“＞真机无法获取头像问题/解决办法

今天在做小程序的时候使用open-data type="userAvatarUrl"标签发现在本地开发的时候可以获取本人的头像,但是在真机上就无法显示解决办法

我们要换一种思路去处理
使用官方提供的方法 官网文档链接
wxml

    <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
      <image class="avatar" src="{{avatarUrl}}"></image>
    </button>

js

const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'

Page({
  data: {
    avatarUrl: defaultAvatarUrl,
  },
  onChooseAvatar(e) {
    const { avatarUrl } = e.detail 
    this.setData({
      avatarUrl,
    })
  }
})

效果

希望此文章能帮助到你