微信小程序获取用户头像和昵称的代码

以下是微信小程序获取用户头像和昵称的代码示例：

获取用户信息授权
首先，需要向用户请求授权获取其头像和昵称。可以通过调用 wx.getUserProfile 方法来获取用户信息，该方法会弹出授权窗口，用户可以选择是否授权。

wx.getUserProfile({
  desc: '获取您的昵称和头像', // 授权说明
  success: res => {
    const userInfo = res.userInfo
    console.log(userInfo.avatarUrl) // 用户头像 URL
    console.log(userInfo.nickName) // 用户昵称
  },
  fail: err => {
    console.log(err)
  }
})

显示用户头像和昵称
获取用户头像和昵称后，可以将其显示在页面上。可以使用 wx.getUserInfo 方法来获取用户信息，然后在页面上显示。

wx.getUserInfo({
  success: res => {
    const userInfo = res.userInfo
    this.setData({
      avatarUrl: userInfo.avatarUrl,
      nickName: userInfo.nickName
    })
  },
  fail: err => {
    console.log(err)
  }
})

在页面中，可以使用 wx:image 标签来显示用户头像，使用 wx:text 标签来显示用户昵称。

<view>
  <image src="{{avatarUrl}}" />
  <text>{{nickName}}</text>
</view>

请注意，wx.getUserInfo 方法已经被废弃，现在推荐使用 wx.getUserProfile 方法来获取用户信息。

以上就是获取用户头像和昵称的全部内容;