头像上传

liantaiyou

于 2020-12-22 14:39:56 发布

阅读量219

点赞数

文章标签： reactjs

本文链接：https://blog.youkuaiyun.com/liantaiyou/article/details/111550118

版权

本文介绍了一种通过FormData构造参数实现头像上传的方法。利用指定的图片路径、类型及名称，将信息封装并发送到后台进行头像更新。特别强调了调试过程中可能出现的问题及解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  // 构造参数 发送到后台 完成头像上传
requestUpload(){
  let formData = new formData()
  formData.append("headPhoto",{
    //本地图片的地址
    uri:image.path,
    //图片的类型
    type:image.mime,
    // 图片名称 file://store/com/pic/dsf/d343.jpj
    name:image.path.split("/").pop()
  })
//执行头像上传
//有的时候可能上传失败，是因为打开了调试工具，对网络拦截处理，导致一些请求失败
//不要打开任何调试工具，只使用控制台即可
const res0 = await this.request.post(ACCOUNT_CHECKHEADIMAGE,formData,{
  headers:{
    "Content-type":"multipart/form-data",
    "Authorization":'Bearer ${this.props.RootStore.token}'
  }
})
}