小程序获取用户的昵称和头像

<view class="login">
      <input bind:change="getNickname" type="nickname" placeholder="点击获取微信昵称" />
      {{nickname}}
</view>

<button open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">获取用户头像</button>

JS代码

Page({
      data: {
            nickname: "",
            avatorUrl: ""
      },
      bindGetUserInfo(e: any) {
            console.log(e.detail.userInfo);
      },
      onChooseAvatar(e: any) {
            //获取的是临时地址
            const avatar = e.detail.avatarUrl;
            wx.getFileSystemManager().readFile({
                  filePath: avatar, //选择图片返回的相对路径
                  encoding: "base64",//这个是很重要的
                  success: res => { //成功的回调
                        const avatorUrl = 'data:image/png;base64,' + res.data;
                        this.setData({
                              avatorUrl
                        })
                  },
                  fail: err => {
                        wx.showToast({
                              title: "转换失败",
                              icon: "error"
                        })
                  }
            })
      },
      getNickname(e: any) {
            const nickname = e.detail.value;
            if (nickname) {
                  this.setData({
                        nickname
                  })
            }
      },

})