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" /> +
+
+ + + zzz.png + + +
+
`; 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; }