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

54 lines
1020 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
2016-11-25 15:00:28 +08:00
order: 2
2017-02-19 01:39:41 +08:00
title:
zh-CN: 已上传的文件列表
en-US: Default Files
2016-03-31 09:40:55 +08:00
---
2016-08-25 09:46:19 +08:00
## zh-CN
2017-02-19 01:39:41 +08:00
使用 `defaultFileList` 设置已上传的内容。
2016-08-25 09:46:19 +08:00
## en-US
2017-02-19 01:39:41 +08:00
Use `defaultFileList` for uploaded files when page init.
2016-08-25 09:46:19 +08:00
2017-02-13 10:55:53 +08:00
````jsx
import { Upload, Button, Icon } from 'antd';
const props = {
action: '/upload.do',
2017-02-19 01:39:41 +08:00
onChange({ file, fileList }) {
if (file.status !== 'uploading') {
console.log(file, fileList);
}
},
defaultFileList: [{
2017-02-19 01:39:41 +08:00
uid: 1,
name: 'xxx.png',
status: 'done',
2017-02-19 01:39:41 +08:00
reponse: 'Server Error 500', // custom error message to show
2016-05-11 09:32:33 +08:00
url: 'http://www.baidu.com/xxx.png',
}, {
2017-02-19 01:39:41 +08:00
uid: 2,
name: 'yyy.png',
status: 'done',
2016-05-11 09:32:33 +08:00
url: 'http://www.baidu.com/yyy.png',
2017-02-19 01:39:41 +08:00
}, {
uid: 3,
name: 'zzz.png',
status: 'error',
reponse: 'Server Error 500', // custom error message to show
url: 'http://www.baidu.com/zzz.png',
2016-05-11 09:32:33 +08:00
}],
};
2015-10-20 16:47:55 +08:00
ReactDOM.render(
<Upload {...props}>
2017-02-04 22:35:33 +08:00
<Button>
2016-08-25 09:46:19 +08:00
<Icon type="upload" /> Upload
</Button>
</Upload>
, mountNode);
````