Browse Source

Adjust upload demo

pull/4939/head
afc163 8 years ago
parent
commit
90daeb9a2b
  1. 18
      components/upload/__tests__/__snapshots__/demo.test.js.snap
  2. 29
      components/upload/demo/defaultFileList.md
  3. 3
      components/upload/style/index.less

18
components/upload/__tests__/__snapshots__/demo.test.js.snap

@ -62,6 +62,24 @@ exports[`test renders ./components/upload/demo/defaultFileList.md correctly 1`]
title="Remove file" />
</div>
</div>
<div
class="ant-upload-list-item ant-upload-list-item-error">
<div
class="ant-upload-list-item-info">
<i
class="anticon anticon-paper-clip" />
<a
class="ant-upload-list-item-name"
href="http://www.baidu.com/zzz.png"
rel="noopener noreferrer"
target="_blank">
zzz.png
</a>
<i
class="anticon anticon-cross"
title="Remove file" />
</div>
</div>
</div>
</span>
`;

29
components/upload/demo/defaultFileList.md

@ -1,40 +1,45 @@
---
order: 2
title:
zh-CN: 传入已上传的文件
en-US: Set files that have been uploaded
title:
zh-CN: 已上传的文件列表
en-US: Default Files
---
## zh-CN
对已上传的文件进行编辑
使用 `defaultFileList` 设置已上传的内容
## en-US
Edit uploaded files
Use `defaultFileList` for uploaded files when page init.
````jsx
import { Upload, Button, Icon } from 'antd';
const props = {
action: '/upload.do',
onChange(info) {
if (info.file.status !== 'uploading') {
console.log(info.file);
console.log(info.fileList);
onChange({ file, fileList }) {
if (file.status !== 'uploading') {
console.log(file, fileList);
}
},
defaultFileList: [{
uid: -1,
uid: 1,
name: 'xxx.png',
status: 'done',
reponse: 'Server Error 500', // custom error message to show
url: 'http://www.baidu.com/xxx.png',
}, {
uid: -2,
uid: 2,
name: 'yyy.png',
status: 'done',
url: 'http://www.baidu.com/yyy.png',
}, {
uid: 3,
name: 'zzz.png',
status: 'error',
reponse: 'Server Error 500', // custom error message to show
url: 'http://www.baidu.com/zzz.png',
}],
};

3
components/upload/style/index.less

@ -152,7 +152,8 @@
}
&-error,
&-error .@{iconfont-css-prefix}-paper-clip {
&-error .@{iconfont-css-prefix}-paper-clip,
&-error &-item-name {
color: @error-color;
}

Loading…
Cancel
Save