本文详细介绍了在Ant Design（Antd）中如何使用<a-upload>组件实现手动文件上传，包括上传前的文件操作、确认上传的接口调用、处理返回的二进制数据以及在线预览和下载功能。重点强调了上传过程中headers的重要性，以及formData的正确获取方式。同时，文章还提及了文件格式转换和响应类型的设置，为前端开发者提供了完整的上传流程指南。
antd中手动上传的 <a-upload></a-upload>
上传前的函数，fileList 是 上传文件列表可以进行删除，支持多个文件上传；
确认上传，接口调用，配置的axios或者ajax，请求体里面必须携带 headers。
不然接口是对的，就是传不上去 。上传成功 file 显示的是binary 。遇到的问题，console.log()直接打印formData不行，必须用 自带的方法 .get() 去获取.....
上传成功是
在线预览，首先看后端返回的是什么格式数据，如果是 字符节 情况，根据情况处理，进行转换
采用 new Blod 方法，类型具体参考 常见 MIME 类型列表 - HTTP | MDN
下载，也是类似在线预览，请求体里面也需要设置 responseType:'blob'
有的时候，也需要在type 里面加上 charset = UTF-8
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
