mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-07-26 00:26:53 +08:00
Code Issues Actions 39 Packages Projects Releases Wiki Activity

update upload demo

Browse Source
This commit is contained in:
afc163 2017-03-08 14:42:34 +08:00
parent ff2e793fc7
commit 35642ec2a9
1 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
components/upload/demo/picture-style.md
View File

@ -17,22 +17,31 @@ If uploade file is picture, a thumbnail can be shown. `IE8/9` do not support loc
````jsx ````jsx
import { Upload, Button, Icon } from 'antd'; import { Upload, Button, Icon } from 'antd';
const fileList = [{
uid: -1,
name: 'xxx.png',
status: 'done',
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
}, {
uid: -2,
name: 'yyy.png',
status: 'done',
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
}];
const props = { const props = {
action: '//jsonplaceholder.typicode.com/posts/', action: '//jsonplaceholder.typicode.com/posts/',
listType: 'picture', listType: 'picture',
defaultFileList: [{ defaultFileList: [...fileList],
uid: -1, };
name: 'xxx.png',
status: 'done', const props2 = {
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png', action: '//jsonplaceholder.typicode.com/posts/',
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png', listType: 'picture',
}, { defaultFileList: [...fileList],
uid: -2, className: 'upload-list-inline',
name: 'yyy.png',
status: 'done',
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
}],
}; };
ReactDOM.render( ReactDOM.render(
@ -44,7 +53,7 @@ ReactDOM.render(
</Upload> </Upload>
<br /> <br />
<br /> <br />
<Upload {...props} className="upload-list-inline"> <Upload {...props2}>
<Button> <Button>
<Icon type="upload" /> upload <Icon type="upload" /> upload
</Button> </Button>