antd组件upload多图片上传

要实现 Ant Design Upload 组件的多图片上传时，只在不满足图片大小或数量要求时报一次错误，可以按照以下步骤操作：

1. 使用 beforeUpload 属性

beforeUpload 属性允许你自定义上传前的验证规则。你可以使用它来检查图片的大小和数量，并根据需要返回一个错误消息。

1. 在 beforeUpload 中进行检查

在 beforeUpload 函数中，你可以使用 file.size 和 fileList.length 来检查图片的大小和数量。如果图片不满足要求，则返回一个 error 对象，其中包含错误消息。

1. 使用 fileList 来跟踪已上传的图片

fileList 属性包含已上传图片的文件列表。你可以使用它来跟踪已上传图片的数量，并确保不超过最大数量限制。

示例代码：

import { Upload } from 'antd';

const MyUpload = (props) => {
const beforeUpload = (file) => {
if (file.size > 1000000) {
return {
error: '文件大小不能超过 1MB',
};
}

if (fileList.length >= 5) {
  return {
    error: '最多只能上传 5 张图片',
  };
}

return false; // 允许上传

};

return (

上传

);
};
注意：

fileList 属性需要在组件状态中进行管理，以跟踪已上传的图片。
你可以根据需要自定义错误消息。