ant-design/components/upload/demo/basic.md

45 lines
902 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 0
2016-11-25 15:00:28 +08:00
title:
2016-08-25 09:46:19 +08:00
zh-CN: 点击上传
en-US: Upload by clicking
2016-03-31 09:40:55 +08:00
---
2015-08-08 23:37:35 +08:00
2016-08-25 09:46:19 +08:00
## zh-CN
经典款式,用户点击按钮弹出文件选择框。
2015-08-08 23:37:35 +08:00
2016-08-25 09:46:19 +08:00
## en-US
Classic mode. File selection dialog pops up when upload button is clicked
2017-01-19 15:19:03 +08:00
````__react
import { Upload, message, Button, Icon } from 'antd';
const props = {
2015-09-21 11:34:14 +08:00
name: 'file',
2015-08-08 23:37:35 +08:00
action: '/upload.do',
2016-04-11 14:03:31 +08:00
headers: {
authorization: 'authorization-text',
},
2015-08-31 21:26:34 +08:00
onChange(info) {
if (info.file.status !== 'uploading') {
console.log(info.file, info.fileList);
}
if (info.file.status === 'done') {
message.success(`${info.file.name} file uploaded successfully`);
2015-09-14 00:28:39 +08:00
} else if (info.file.status === 'error') {
message.error(`${info.file.name} file upload failed.`);
}
2016-05-11 09:32:33 +08:00
},
2015-08-08 23:37:35 +08:00
};
2015-10-20 16:47:55 +08:00
ReactDOM.render(
<Upload {...props}>
2017-02-04 22:35:33 +08:00
<Button>
<Icon type="upload" /> Click to Upload
</Button>
</Upload>
, mountNode);
2015-08-08 23:37:35 +08:00
````