跳到主要内容

Upload 上传

用于各种类型的图片、文件上传,上传后显示缩略图。


图片上传

上传按钮

最基础的上传组件,可将本地图片文件上传提交。

上传状态

上传状态包括:默认态、上传中、上传失败、已上传,默认展示。

通常支持点击缩略图,预览上传内容。

限制上传数量

上传组件用基础+提示,达到限制数量时,隐藏上传按钮。

限制上传大小

当用户选择的文件大小超过限制,跳过上传并 toast 提示用户。

场景示例

标题式

一般作为单独卡片使用。

表单式

一般和其它表单在一个卡片中组合使用。

文件上传

上传按钮

上传状态

有描述的文件上传

场景示例

标题式

一般作为单独卡片使用。

表单式

一般和其它表单在一个卡片中组合使用。

设计指南

  • 可限制上传数量,达到数量后隐藏上传按钮。
  • 通常支持点击上传后的缩略图,预览上传内容。