素材巴巴 > 程序开发 >

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

程序开发 2023-09-16 08:16:24

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

在这里插入图片描述

  1. 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);    	})
 }
false} maxCount={1}>

点击或拖拽文件到上传区域

  1. Form 的 getValueFromEvent 返回 e?.fileList
  2. submit 的时候需要取 fileList 中每一项的 originFileObj 即二进制文件
  3. egg 后端读取,官方示例
const file = ctx.request.files?.[0];
 

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。