关于uniapp中使用axios上传文件

300 阅读1分钟

因公司的业务需求,和公司特定的开发模式,最近碰到了一个比较尴尬的问题,需要基于uniapp使用axios上传文件,使用的组件库是uviw-plus,上传组件使用的是upload组件,碰到如下问题,以及问题的解决方案。

upload组件上传文件时,返回文件的格式如下

image.png 返回格式并不是标准的文件格式,使用axios常规上传文件时,会使用FormData将文件转化为二进制格式的,例如:formData = new FormData(); formData.append('file', file),这样处理upload返回的file中的url参数,服务会返回参数错误的问题,需要将file中的url进行处理

const file = new File([file], file.name, { type: 'image/png', path: file.url })
const formData = new FormData()
formData.append('file', file)

修改后即可请求成功,做一个小的问题记录,方便以后碰到类似的问题可以尽快知晓原因,快速的进行处理