diff --git a/components/upload/__tests__/__snapshots__/demo.test.js.snap b/components/upload/__tests__/__snapshots__/demo.test.js.snap
index 156b0ab54b..cff5e8804d 100644
--- a/components/upload/__tests__/__snapshots__/demo.test.js.snap
+++ b/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" />
+
`;
diff --git a/components/upload/demo/defaultFileList.md b/components/upload/demo/defaultFileList.md
index f0995c8e32..4f62122339 100644
--- a/components/upload/demo/defaultFileList.md
+++ b/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',
}],
};
diff --git a/components/upload/style/index.less b/components/upload/style/index.less
index 3d9525b903..03b4daf56a 100644
--- a/components/upload/style/index.less
+++ b/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;
}