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