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 | 上传失败样式 |