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);
相关推荐
魁首2 分钟前
Claude Code 源码泄露的背后,到底与Codex,Gemini 有啥不一样?
前端·openai·claude
攀登的牵牛花4 分钟前
程序员失业论,被 SWE-CI 一组数据打醒:真正先被替代的是低质量交付
前端·github
EstherNi29 分钟前
vue3仿照elementui样式的写法,并进行校验,并且有默认值的设置
javascript·elementui
BumBle34 分钟前
Vue项目中实现路由守卫自动取消Pending请求
前端
gCode Teacher 格码致知40 分钟前
Javascript提高:get和post等请求,对于汉字和空格信息进行编码的原则-由Deepseek产生
开发语言·前端·javascript·node.js·jquery
竹林81842 分钟前
从ethers.js迁移到Viem:我在一个DeFi项目前端重构中踩过的坑
前端·javascript
像我这样帅的人丶你还1 小时前
从交稿到甩锅预防:AI 前端流水线
前端·ai编程
想想弹幕会怎么做1 小时前
如何构建一颗可交互的ui树?
前端
程序员陆业聪1 小时前
我见过的最反直觉的 Android 架构问题:UseCase 越多,项目越烂
前端
Arya_aa1 小时前
网络:前端向后端发送网络请求渲染在页面上,将EasyMock中的信息用前端vue框架编写代码,最终展示在浏览器
前端·vue.js