微信小程序获取用户头像和获取昵称的方法

• 头像选择：需要将 button 组件 open-type 的值设置为 chooseAvatar，当用户选择需要使用的头像之后，可以通过 bindchooseavatar 事件回调获取到头像信息的临时路径。

 //js文件
 // 用户选择头像
 
  onChooseAvatar(e) {
 
   const {
 
    avatarUrl
 
   } = e.detail
   
   console.log(avatarUrl);
 
   this.setData({
 
 ['userInfo.avatarUrl']: avatarUrl,
 
   })
 
  },

<!-- wxml文件 -->

 <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
  修改头像 
 </button>

• 昵称填写：需要将 input 组件 type 的值设置为 nickname，当用户在此input进行输入时，键盘上方会展示微信昵称。

//js文件
 // 用户修改昵称

 changeNickName(e) {

  let name = e.detail.value;

  if (name.length === 0) return;

  this.setData({

['userInfo.nickName']: e.detail.value

  })
 },

<!-- wxml文件 -->
 <input type="nickname" class="nick-name-input" placeholder="请输入昵称" bindblur="changeNickName"/>

 通过以上代码示例，我们可以实现获取微信小程序用户的昵称和头像的功能。当用户进入小程序后，程序会请求用户授权，用户同意授权后，即可获取到用户的信息。按照上述步骤修改代码后，无法直接获取到用户的昵称和头像，但可以在用户修改默认头像和昵称时选择使用自己的昵称和头像。