如何阻止 React Ant Design Upload 组件自动发布文件

Question

我有一个简单的文件上传按钮，是我从 antd 那里得到的 ant design documentation:

<Upload>
  <Button
    icon={<UploadOutlined />}
    className="upload-btn"
  >
     Upload a file
  </Button>
</Upload>

每次上传文件时，我都会在控制台日志中收到此错误：

我不希望它在我上传文件时发出 post 请求，我有一个提交按钮。

Answer 1

你可以通过从 beforeUpload prop 返回 false 来做到这一点，就像这样：

<Upload beforeUpload={()=> {
    /* update state here */
    return false; }}>
    <Button icon={<UploadOutlined />}>Select File</Button>
</Upload>

很明显，以这种方式，您必须定义一个状态，并将文件存储在该状态中，以便手动将其发送到服务器。 Here 是实现此逻辑的示例。

How to stop React Ant Design Upload component from posting files automatically