react antd批量导入的formData传参在beforeUpload、onChange事件中获取文件内容

获取上传的文件:

  1. 在beforeUpload(file, fileList){}中的file、fileList[0]是上传的文件;

  2. 在onChange(info) {}中info.file.originFileObj、info.fileList[0].originFileObj是上传的文件。

request.js封装的请求方法中使用body请求体的方式以formData的方式传参,即:

javascript 复制代码
    const formData = new FormData();
    formData.append('file', fileList[0]);
    const res = await uploadMethod(formData);
相关推荐
用户40993225021216 分钟前
Vue 3 静态与动态 Props 如何传递?TypeScript 类型约束有何必要?
前端·vue.js·后端
程序员库里17 分钟前
TipTap简介
前端·javascript·面试
关中老四18 分钟前
【js/web甘特图插件MZGantt】如何使用外部弹框添加和修改任务(updRows方法使用说明)
前端·javascript·甘特图·甘特图插件
大雷神19 分钟前
HarmonyOS APP<玩转React>开源教程四:状态管理基础
react.js·开源·harmonyos
兆子龙19 分钟前
Vite 打包优化实战:从 12.17M 到 7.95M 的瘦身之旅
javascript
nunumaymax25 分钟前
css实现元素和文字从右向左排列
前端·css
confiself37 分钟前
A2UI实时渲染展示
开发语言·javascript·css
yatum_20141 小时前
CentOS 7 集群 SSH 免密与主机名配置文档
linux·前端·网络
014-code1 小时前
Vue 生命周期完全指南
前端·javascript·vue.js