在 beforeUpload 事件上停止上传/处理 ant-design Upload 组件

Question

我正在尝试使用 ant-design 上传图片。 这是我刚刚在我们的社区中找到的一个示例。

Using customRequest in Ant design file upload

这是演示链接

https://stackblitz.com/edit/so-58128062-upload-progress-4gyng9

我正在尝试添加

  const beforeUpload = () => {
    return false; // STOP all actions including Upload and progres/preview
    //Using Hooks to update the state to the current filelist
    //filelist - [{uid: "-1",url:'Some url to image'}]
  };

阻止所有上传过程/预览操作。但它不起作用。

感谢您的帮助

Answer 1

是的，我找到了。

只需将 onChange 事件的默认列表设置为空即可

  const handleOnChange = ({ file, fileList, event }) => {
     setDefaultFileList([]);
  };

如果你想要类似的行为，希望能帮助别人

demo