antDesignPro upload+fetch+formdata实现上传

上传"/>

antDesignPro upload+fetch+formdata实现上传

一：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',}, // 这句绝对不能加

具体的可以看

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

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

二：如果没有多加参数的话，可以直接用antd design的组件upload
具体可以看：/components/upload-cn/#components-upload-demo-drag

把action的地址改成上传的接口即可，如果有限制的话，可以写beforeUpload进行判断上传的内容是否是Excel或者大小问题都可以进行判断。