mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-03 04:30:06 +08:00
Adjust upload demo
This commit is contained in:
parent
e71807b732
commit
90daeb9a2b
@ -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>
|
||||
`;
|
||||
|
@ -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',
|
||||
}],
|
||||
};
|
||||
|
||||
|
@ -152,7 +152,8 @@
|
||||
}
|
||||
|
||||
&-error,
|
||||
&-error .@{iconfont-css-prefix}-paper-clip {
|
||||
&-error .@{iconfont-css-prefix}-paper-clip,
|
||||
&-error &-item-name {
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user