uniapp更换头像功能

要在Uniapp中实现更换头像功能，可以按照以下步骤进行：

1. 在页面中添加一个头像展示区域，可以使用uni-image组件，设置src属性为当前用户的头像地址。

2. 添加一个上传按钮，当用户点击上传按钮时，触发选择图片的操作，可以使用uni.chooseImage()方法选择图片。

3. 选择图片后，将图片上传到服务器，获取到上传后的图片地址。

4. 将上传成功后的图片地址更新到用户的头像地址中，可以使用uni.request()方法向服务器发送更新头像的请求。

5. 更新成功后，将更新后的头像地址设置到头像展示区域中，显示新的头像。

示例代码如下：

<template>
  <div>
    <uni-image src="{{avatar}}"></uni-image>
    <button @click="uploadImage">上传头像</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      avatar: 'http://example.com/avatar.jpg'
    }
  },
  methods: {
    uploadImage() {
      uni.chooseImage({
        success: (res) => {
          const tempFilePaths = res.tempFilePaths
          uni.uploadFile({
            url: 'http://example.com/upload',
            filePath: tempFilePaths[0],
            name: 'file',
            success: (res) => {
              const data = JSON.parse(res.data)
              if (data.code === 0) {
                const newAvatar = data.data.avatar
                uni.request({
                  url: 'http://example.com/updateAvatar',
                  method: 'POST',
                  data: {
                    avatar: newAvatar
                  },
                  success: (res) => {
                    if (res.data.code === 0) {
                      this.avatar = newAvatar
                      uni.showToast({
                        title: '头像更新成功'
                      })
                    } else {
                      uni.showToast({
                        title: '头像更新失败，请稍后再试'
                      })
                    }
                  }
                })
              } else {
                uni.showToast({
                  title: '上传头像失败，请稍后再试'
                })
              }
            }
          })
        }
      })
    }
  }
}
</script>