文件上传控件允许用户将单个或多个文件从设备(电脑、平板、或手机)中上传至当前系统中

设计目标

1.设计完整的文件上传流程
2.设计必要的提示和描述,避免流程中的错误
3.明确不同状态和反馈

使用场景

1.上传附件/图片
2.导入数据

组件拆解

  • 点击上传

image.png

  • 拖拽上传

image.png

  • 上传多个文件

上传多个文件时,文件按照上传时间顺序排列显示,并可对单个文件进行操作,根据需要也可添加批量操作。

状态&反馈

上传中/上传完成 上传成功/生产失败
image.pngimage.png

操作

编辑(重命名,信息)
删除
移动
替换文件
排序&筛选
批量操作