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);
相关推荐
一枚前端小姐姐20 小时前
低代码平台表单设计系统架构分析(实战一)
前端·低代码·架构
HelloReader20 小时前
Tauri 1.0 升级到 Tauri 2.0从“能跑”到“跑得稳”的迁移实战指南(含移动端准备、配置重构、插件化 API、权限系统)
前端
Always_Passion20 小时前
FE视角下的Referrer全面解析
javascript·面试
JunjunZ20 小时前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
_Eleven20 小时前
React 19 深度解析:Actions 与 use API 源码揭秘
前端
七牛云行业应用20 小时前
大模型接入踩坑录:被 Unexpected end of JSON 折磨三天,我重写了SSE流解析
javascript·人工智能·代码规范
_AaronWong21 小时前
Vue3+Element Plus 通用表格组件封装与使用实践
前端·javascript·vue.js
前端西瓜哥21 小时前
图形编辑器开发:文字排版如何实现自动换行?
前端
代码煮茶21 小时前
JS 异步编程实战 | 从回调地狱到 Promise/Async/Await(附代码 + 面试题)
javascript·面试
全栈老石21 小时前
手写一个无限画布 #3:如何在Canvas 层上建立事件体系
前端·javascript·canvas