ant-design 上传文件

Ant Design 提供了一个强大的`Upload`组件，用于处理文件上传操作。这个组件支持单文件或多文件上传，并且可以配置成异步或同步模式，提供了丰富的状态管理、错误提示以及自定义上传按钮等功能。

在 Ant Design 中使用 `Upload`组件的基本步骤如下：

1. 引入组件：

import { Upload } from 'antd';

2. 创建一个 `<Upload>`组件实例：

<Upload
  action="your-api-url" // 上传到服务器的URL
  onChange={this.handleFileChange} // 文件变化回调函数
  listType="picture-card" // 可选样式，如'default', 'drag', 'picture-card'
>
  <Button>点击选择文件</Button>
</Upload>

`onChange`事件会触发，你可以在这个函数里处理文件上传的状态和数据。

3. 定义回调函数：

handleFileChange(info) {
  if (info.file.status === 'done') {
    console.log('上传成功', info.file.response);
  } else if (info.file.status === 'error') {
    console.log('上传失败', info.file.response || info.file.status);
  }
}

这里`info`是一个包含文件信息的对象，可以根据需要获取上传进度、错误等详细情况。