微信小程序更换头像的功能

微信小程序开发，个人中心中更换头像的更能使用频率很高，这里记录下实现方式：

<view class="setting-list avatar-container">
    <text>头像</text>
    <view class="avatar">
      <button hover-class="none" open-type="chooseAvatar" bindchooseavatar="chooseAvatar">
        <image src="{{ userInfo.headimgurl || '/assets/images/avatar.png' }}" />
      </button>
    </view>
  </view>

button按钮须设置 open-type="chooseAvatar" 这个属性，并绑定事件 bindchooseavatar="chooseAvatar"

  chooseAvatar(e) {
    let avatar = e.detail.avatarUrl;
  },

这样我们就能拿到图片本地的临时路径，然后使用wx.uploadFile方法把图片传到服务器便可。