300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Antd Form表单使用 Upload 上传 FormData 数据文件至后端

Antd Form表单使用 Upload 上传 FormData 数据文件至后端

时间:2024-01-31 18:17:04

相关推荐

Antd Form表单使用 Upload 上传 FormData 数据文件至后端

Antd Form表单使用 Upload 上传 FormData 数据文件至后端

Upload 通过 beforeUpload 拦截

const normFile = (e: any) => {return e?.fileList;};const handleFinish = (value: any) => {const {file } = value;const formData = new FormData();file.forEach((item, index) => {formData.append(`file-${index}`, item.originFileObj); })}<Form onFinish={handleFinish} ><Form.Itemname="file"valuePropName="file"getValueFromEvent={normFile}label="文件"><Upload.Dragger beforeUpload={() => false} maxCount={1}><p><InboxOutlined /></p><p>点击或拖拽文件到上传区域</p></Upload.Dragger></Form.Item></Form>

Form 的 getValueFromEvent 返回 e?.fileListsubmit 的时候需要取 fileList 中每一项的 originFileObj 即二进制文件egg 后端读取,官方示例

const file = ctx.request.files?.[0];

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。