uniapp 头像上传

在uniapp中实现头像上传的方法可以参考以下步骤：

1. 使用uni.chooseImage方法选择图片，该方法可以设置最大上传图片数量和图片压缩选项。选择成功后，会返回一个图片本地的临时地址。\[2\]

2. 在选择成功的回调函数中，使用uni.uploadFile方法进行图片上传。该方法需要设置请求的url接口地址、额外的参数、图片类型、文件路径、文件名称和请求头等。\[3\]

3. 在上传成功的回调函数中，可以进行一些操作，比如重新获取数据并渲染页面。\[3\]

综合以上步骤，你可以在你的代码中添加以下内容来实现头像上传功能：

chooseImage() {
  uni.chooseImage({
    count: 1,
    sizeType: \['original', 'compressed'\],
    success: (res) => {
      const tempFilePaths = res.tempFilePaths; // 图片临时数组
      uni.uploadFile({
        url: 'http://192.168.3.195:8080/api/member/member/uploadHeadImage',
        formData: {
          id: '1385048044696801281' // 请求中接口额外的参数
        },
        fileType: 'image',
        filePath: tempFilePaths\[0\],
        name: 'file',
        header: {
          "Content-Type": "multipart/form-data" // 请求头
        },
        success: (res) => {
          // 成功的回调，可以重新获取数据渲染页面
          console.log(res)
        },
        fail: (err) => {
          // 失败的回调
          console.log(err)
        }
      })
    }
  })
}

这样，当你调用chooseImage方法时，会弹出图片选择的界面，选择成功后会进行图片上传，并在上传成功后进行相应的操作。
#### 引用[.reference_title]
- *1* [uniapp头像上传功能](https://blog.csdn.net/m0_53393796/article/details/127066729)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [uniapp实现头像上传功能](https://blog.csdn.net/qq_51075057/article/details/117334827)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]