我们在写后台管理系统时会遇到上传视频、音频等内容。如果上传资源地方多的话,每个地方都要加上传的代码,比较麻烦。而且遇到有些图片是已经上传过的,下次遇到了又要重复上传,浪费服务器或cos资源。
这时候可以实现一个资源管理工具,上传图片到资源管理工具里,然后再去选择需要的图片。
前端:使用vue和elementUI实现资源管理器组件,完成多选单选、删除、选择、查询等操作。
后端:可以分两个表 资源分类表(用来模拟资源所属文件夹)、资源表(资源地址、类型、资源分类id等字段),两个表完成多表查询功能。
这是普通的上传单选和多选资源模块
上传单张图片效果
只能被选中一张图
上传多张图片效果
可以选中多张图