文件管理（图片、视频、文档、音乐管理）——云盘案例原型

web端高保真原型系列

1、交互按钮元件组合

2、输入框元件组合（数字、中文、英文、非中文、身份证、邮箱、手机号、密码）

3、搜索框元件组合

4、下拉列表元件组合（单选下拉列表+多选下拉列表+分级下拉列表）

5、消息提示弹窗元件组合

6、中继器表格元件组合(增删改、上下移动、排序、多选、模糊搜索、分类筛选、分页显示、下载效果）

7、统计图表元件组合（柱状图、 多柱状图、堆叠柱状图、条形图、堆叠条形图、排名图、散点图、折线图、饼图、环形图、漏斗图）

8、中国地图元件（中继器维护数据）

9、世界地图元件（中继器维护数据）

10、可视化视图原型案例

11、三级多选树元件（中继器维护数据）

12、可增删改的树结构元件（中继器维护数据）

13、可增删改的多选树元件（中继器维护数据）

14、多选树下拉列表（中继器维护数据）

15、步骤条模板（信用卡案例）

16、上传原型组合（上传图片、文件、头像）

17、图片轮播——图片墙

18、评论原型（中继器制作）

19、架构图、流程图、分析图原型组合

20、登录注册找回密码原型组合

21、菜单原型组合（三级菜单、标签页菜单、锚点菜单、动态面板菜单）

22、管理后台内容框架原型案例

23、通用权限管理原型案例

24、文件管理原型案例（图片、视频、文档、音乐管理）

25、信息录入原型案例

本原型介绍

今天和大家分享一个后台文件管理demo，包括图片管理、视频管理、音乐管理、文档管理和其它文件管理。这个demo也可以看做云盘、网盘的demo。

该原型交互效果齐全，使用也简单，只需要填写一个中继器表格即可。

效果演示

1. 分类查看

2. 上传文件

这里做了一个模拟上传效果

3. 单击选中

4. 下载文件

5. 分享文件

6. 删除文件

7.刷新

8.搜索

9.查看图片

10.查看视频

这里请打开电脑声音

11.播放音乐

这里请打开电脑声音，真的能听到歌曲哦

12.查看文档

13.下载其他文件

因为其他文件没办法在网页查看，所以下载下来打开

使用说明

该原型填写中继器表格即可直接使用

注意：除了图片之外，其他文件要有url，即需要提前将文件上传至网络。