mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-28 11:08:30 +08:00
747 B
747 B
order | title |
---|---|
7 | 限制用户上传的文件 |
可以通过 beforeUpload
在文件上传之前进行干预,如限制用户只能上传 JPG 文件。
也支持异步检查,beforeUpload
的返回值可以是一个 Promise:示例。
import { Upload, Button, Icon, message } from 'antd';
const props = {
action: '/upload.do',
beforeUpload(file) {
const isJPG = file.type === 'image/jpeg';
if (!isJPG) {
message.error('只能上传 JPG 文件哦!');
}
return isJPG;
},
};
ReactDOM.render(
<Upload {...props}>
<Button type="ghost">
<Icon type="upload" /> 点击上传
</Button>
</Upload>
, mountNode);