Ant设计上传组件-允许在单个请求中发送多个文件

Question

我正在使用ant设计上传组件来上传多个文件到服务器。

const props = {
multiple: true,
showUploadList: false,
beforeUpload: () => {
return false              
},
onChange: (info: any) => {
console.log(info)
setAttachmentLoader(true)
info.fileList.forEach((file: any) => {
formData.append("upload2[]", file.originFileObj)
})
formData.append("_charset_", "UTF-8")
formData.append("upload2-data", "")
uploadApiFunction(formData, (res: any) => {
setAttachmentLoader(false)
res.text && message.success(res?.text, 4)
}, (err: any) => { console.log(err); setAttachmentLoader(false) })
},
};
<Upload {...props} fileList={[]}>
<PrimaryButton text="Add attachment" />
</Upload>

当我上传多个文件时，每个文件都会调用api。我希望所有选定的文件都能在一个请求中上传到服务器。

有人能帮我吗?

Answer 1

onChange每次在文件列表更改时被调用，您需要将onChange调用转移到另一个按钮，如文档

所示