美文网首页
antd的upload组件上传功能踩坑

antd的upload组件上传功能踩坑

作者: 追风的云月 | 来源:发表于2017-11-14 13:34 被阅读0次

    在初次使用upload组件上传文件时,出现了几个风格各异的bug,因此做一个记录

    错误的起源

    使用upload组件的自动上传方式,上传到项目后台fdfs接口,结果浏览器报错,报405错误

    使用form表单和input元素进行原生JS提交

    提交到相同接口,只是报跨域错误,并没有发生405错误

    更改接口接收文件

    这时决定不使用fdfs接口接收文件,后台同事重新提供一个后台接口。但是出现了新的问题。

    新的问题 后台只接收单个文件 不接受数组形式的文件列表

    这个应该是后台的原因,但是后台没有找到解决方法,于是从前端使用一个折衷办法,获取filelist后遍历list,重复添加file字段到FormData对象

    fileList.forEach((value,index)=>{
        formData.append("file",value)
    })
    
    

    相关文章

      网友评论

          本文标题:antd的upload组件上传功能踩坑

          本文链接:https://www.haomeiwen.com/subject/kyaxvxtx.html