获取微信小程序用户头像代码

获取微信小程序用户头像的代码可以通过以下步骤实现：

1. 在小程序中引入微信原生API：wx.getUserInfo()

2. 在需要获取用户头像的页面中，调用wx.getUserInfo()方法，代码如下：

wx.getUserInfo({
  success: function(res) {
    var userInfo = res.userInfo;
    var avatarUrl = userInfo.avatarUrl;
    // 处理用户头像
  }
})

3. 在success回调中，可以获取到用户信息，其中userInfo.avatarUrl即为用户头像的URL地址。

4. 最后，把用户头像显示在页面中即可。

注：在调用wx.getUserInfo()方法时，需要用户授权才能获取用户信息。

相关问题

微信小程序用户更换头像代码

用户更换头像可以通过以下步骤实现：

1. 获取用户已选择的图片文件路径

wx.chooseImage({
  count: 1, // 一次只允许选择一张图片
  success(res) {
    const tempFilePaths = res.tempFilePaths
    // 在这里处理获取到的图片文件路径
  }
})

2. 将选择的图片上传至服务器

wx.uploadFile({
  url: 'https://example.com/upload', // 上传图片的服务器接口地址
  filePath: tempFilePaths[0], // 需要上传的文件路径
  name: 'file', // 文件对应的 key 值
  formData: {
    'user': 'test' // 其它参数
  },
  success(res) {
    // 上传成功后在这里处理服务器返回的结果
  }
})

3. 将上传成功后的图片地址更新到用户信息中

// 假设后端返回的图片地址为 res.data.url
const newAvatarUrl = res.data.url
wx.setStorageSync('avatarUrl', newAvatarUrl) // 更新本地缓存中的用户信息

4. 在页面中显示新的头像

<image src="{{avatarUrl}}" />

以上是一个简单的用户更换头像的代码示例，具体实现可能会因为业务需求而有所不同。

微信小程序登录获取头像的代码

实现微信小程序登录获取头像的代码如下所示：

1. 在小程序的 app.js 文件内定义全局变量 userInfo：

App({
  globalData: {
    userInfo: null
  }
})

2. 在小程序的 login 页面内，通过调用微信登录接口 wx.login()，获取用户登录凭证 code：

wx.login({
  success: res => {
    if (res.code) {
      // 发起网络请求，获取用户信息
      wx.request({
        url: 'https://example.com/login',
        data: {
          code: res.code
        },
        success: res => {
          // 将用户信息存储到全局变量 userInfo 中
          getApp().globalData.userInfo = res.data.userInfo
        }
      })
    } else {
      console.log('登录失败！' + res.errMsg)
    }
  }
})

3. 在小程序的个人信息页面内，通过调用微信用户信息接口 wx.getUserInfo()，获取用户信息：

wx.getUserInfo({
  success: res => {
    // 将用户信息存储到全局变量 userInfo 中
    getApp().globalData.userInfo = res.userInfo
  }
})

4. 在小程序的个人信息页面内，通过调用 wx:if 条件渲染，判断用户是否已经授权：

<view wx:if="{{userInfo}}">
  <image src="{{userInfo.avatarUrl}}" />
  <text>{{userInfo.nickName}}</text>
</view>
<view wx:else>
  <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取头像</button>
</view>

5. 在小程序的个人信息页面内，通过调用 bindgetuserinfo 事件，获取用户头像：

getUserInfo: function (e) {
  // 将用户信息存储到全局变量 userInfo 中
  getApp().globalData.userInfo = e.detail.userInfo
}

6. 最后，在小程序的个人信息页面内，通过调用全局变量 userInfo 的 avatarUrl 属性，显示用户头像：

<image src="{{userInfo.avatarUrl}}" />