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

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

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

 

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

 

(1)自动上传

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

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

 

(2)手动上传

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

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

 

下图为接口及其公共配置

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

 

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

 

 

 

posted @ 2022-08-26 15:12  一只两支三指  阅读(3978)  评论(0编辑  收藏  举报