antDesignPro upload+fetch+formdata实现上传

tech2024-10-11  17

一:upload+fetch+formdata实现上传Excel 需要的数据格式是这样的,之前遇到过获取不到参数或者类型不对等各种问题;现在将解决方案做个记录: 1、用formdata封装数据:

formData.append('file', fileList[0].originFileObj); formData.append('任意参数', 任意值);

2、调用dispatch时的payload: formdata 3、service文件夹的调用接口的js特别注意:

method: 'POST', data: params, headers: { 'Content-Type': 'multipart/form-data', }, // 这句绝对不能加

具体的可以看https://github.com/ant-design/ant-design-pro/issues/3219

如果获取不到数据的话:request.js里面的formdata格式的header添加了content-type,需删除content-type就ok了。

这样就可以获取到数据了。

二:如果没有多加参数的话,可以直接用antd design的组件upload 具体可以看:https://3x.ant.design/components/upload-cn/#components-upload-demo-drag 把action的地址改成上传的接口即可,如果有限制的话,可以写beforeUpload进行判断上传的内容是否是Excel或者大小问题都可以进行判断。

最新回复(0)