js自定义实现图片上传

最新推荐文章于 2024-08-08 08:08:01 发布

xjl271314

最新推荐文章于 2024-08-08 08:08:01 发布

阅读量921

点赞数

分类专栏： javascript 文章标签： javascript 图片上传

本文链接：https://blog.csdn.net/xjl271314/article/details/80842576

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

/**
* 自定义图片上传方法 upload
* 采用js原生图片上传 formData
* 采用axios进行提交
* @params
*  object:{
*       picUri:result.imagePathArr[0].url,
*       picName:'user-logo'
*   }
*/

export function uploadImage(config) {
  let { __header, __rootUrl, ...params } = config.data
  Axios.defaults.headers.common['AccessToken'] = __header.accessToken || ''
  Axios.defaults.headers.common['tongdun'] = __header.tongdun || ''
  Axios.defaults.headers.common['currentev'] = __header.currentEnv || ''
  Axios.defaults.headers.common['apiLevel'] = __header.apiLevel || ''
  Axios.defaults.headers.common['deviceType'] = __header.deviceType || ''
  Axios.defaults.headers.common['Version'] = __header.Version || ''
  Axios.defaults.headers.common['deviceModel'] = __header.deviceModel || ''
  Axios.defaults.headers.common['appSource'] = __header.appSource || ''
  Axios.defaults.headers.common['deviceCode'] = __header.deviceCode || ''
  Axios.defaults.headers.common['GPS'] = __header.GPS || ''
  Axios.defaults.headers.common['fingerPrint'] = __header.deviceCode || ''

  let imgType = params.picUri.split(".")[1];
  let headerConfig = {
    headers: {
      'Content-Type': `multipart/form-data`,
      'Accept': '*/*'
    }
  }

  let formData = new FormData()

  let file = {
    uri: params.picUri,
    type: imgType == 'png' ? 'image/png' : 'image/jpeg',
    name: `${params.picName}.${imgType}`
  };

  formData.append('file', file)

  return Axios.post(__rootUrl + config.url, formData, headerConfig).then(result => {
    return result.data
  })
}