display: Upload family: Data Entry
Upload
用于图片文件上传
API
Props
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| fileList | 文件列表 | IFile[] |
|
| limit | 最大文件上传个数 | number | Infinity |
| onChange | 上传文件改变时的状态 | (file: IFile[]) => void | |
| onRemove | 移除文件回调函数 | (file: IFile) => void | |
| onPreview | 点击图片回调 | (file: IFile) => void |
IFile
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| uid | 文件唯一标识 | string | |
| name | 文件名 | string | |
| thumbUrl | 缩略图 | string | |
| size | 文件大小 | string | |
| url | 文件 URL 地址 | string | |
| status | 文件状态： 可选值： fail, success, uploading, removed
|
enum | |
| percent | 进度 | number (1-100) | |
| canRemove | 是否可被删除 | boolean |
CSS API
| 名称 | 说明 |
|---|---|
| upload | 容器样式 |
| upload__add | 增加图片样式 |
| upload__add__icon | 增加图片中图标样式 |
| upload__add__text | 增加图片中文字样式 |
| upload__item | file 显示样式 |
| upload__item-image | file 图片样式 |
| upload__item-progress | 进度条样式 |
| upload__remove | 删除样式 |
| upload__remove-image | 删除图标样式 |
| upload__fail | 上传失败样式 |
| upload__fail-image | 失败图标样式 |
| upload__item--fail | 上传失败样式 |