在初次使用upload组件上传文件时,出现了几个风格各异的bug,因此做一个记录
错误的起源
使用upload组件的自动上传方式,上传到项目后台fdfs接口,结果浏览器报错,报405错误
使用form表单和input元素进行原生JS提交
提交到相同接口,只是报跨域错误,并没有发生405错误
更改接口接收文件
这时决定不使用fdfs接口接收文件,后台同事重新提供一个后台接口。但是出现了新的问题。
新的问题 后台只接收单个文件 不接受数组形式的文件列表
这个应该是后台的原因,但是后台没有找到解决方法,于是从前端使用一个折衷办法,获取filelist后遍历list,重复添加file字段到FormData对象
fileList.forEach((value,index)=>{
formData.append("file",value)
})