小程序 用户头像

在微信小程序中，要获取用户头像，首先需要确保用户已经授权访问头像。可以通过调用 wx.getUserProfile 方法来实现这一目的。以下是一个简单的示例：

1. 在 wxml 文件中添加一个按钮，用于触发获取用户头像的操作：

<button bindtap="getUserAvatar">获取用户头像</button>

2. 在 js 文件中编写 getUserAvatar 函数，用于调用 wx.getUserProfile 方法并处理返回的数据：

Page({
  data: {
    avatarUrl: ''
  },

  getUserAvatar() {
    wx.getUserProfile({
      desc: '用于完善用户资料', // 用于向用户解释请求权限的目的
      success(res) {
        console.log(res);
        this.setData({
          avatarUrl: res.userInfo.avatarUrl
        });
      },
      fail(err) {
        console.error(err);
      }
    });
  }
});

在这个示例中，当用户点击按钮时，会触发 getUserAvatar 函数。该函数会调用 wx.getUserProfile 方法，请求用户授权访问头像。如果用户同意授权，success 回调函数会被执行，返回的数据会被存储在 avatarUrl 变量中，并在页面上显示用户头像。如果用户拒绝授权，fail 回调函数会被执行，并打印错误信息。