antd Upload onchange
时间: 2024-04-30 22:19:14 浏览: 130
antd Upload 文件上传的示例代码
antd的Upload组件提供了onChange事件用于监听文件上传状态的变化,具体使用方法如下:
1. 在Upload组件中添加onChange属性,并绑定一个回调函数。
```jsx
<Upload onChange={handleUpload}>
<Button icon={<UploadOutlined />}>上传文件</Button>
</Upload>
```
2. 在回调函数中可以获取到上传文件的状态信息,例如上传进度、上传成功或失败等。
```jsx
const handleUpload = (info) => {
console.log(info.fileList);
console.log(info.file);
console.log(info.event);
}
```
其中,info.fileList是上传文件列表,info.file是当前上传的文件信息,info.event是上传事件对象。可以根据实际需求来处理这些信息。
阅读全文