ant-design的上传组件Upload（手动）上传文件时，配置请求头格式与请求体参数格式

使用 ant-design 的上传组件Upload 时，平时都是通过配置上传组件upload的action属性来实现上传（即 自动上传）。

但是，有时也可能会遇到需要手动上传的需求，即通过调用接口请求来实现上传文件，这时，配置接口的请求头与请求体参数（的格式）就可能比较繁琐了。

 

为了方便对比，以下将呈现两种上传文件的详细配置：

 

（1）自动上传

如下图，通过配置上传组件upload的action等属性的方式来实现上传的。

注释：accept是为了限制选择文件弹窗里的文件类型都为excel文件。以上代码得出的接口如下图：

 

（2）手动上传

如下，点击导入按钮后调用的一个方法modalImportOk。

注意：在配置请求体参数file时，file的属性值可能为 [Object Object] ，这可能是file对象里有多层导致的，只需要打印出fileList查看即可。

 

下图为接口及其公共配置

其结果为与自动上传的相同，如下图（请求体参数的格式也是一致的）

 

~ ~ ~ 本文讲到这里就结束了！

 

 

 

搜索

复制