FUI文件管理器

简单轻量功能齐备!

彻底解决文件上传下载与管理问题,简单高效有颜值!

核心文件大小 129 KB 含2个html文件 1个php文件 1个js文件 1个css文件 39个svg图标

外部库引用 jquery 1.8 / layui 2.9 / cropper1.6

文件管理功能	复制/粘贴	支持框选多个文件复制粘贴
	删除	支持框选多个文件批量删除
	重命名	支持文件重命名 [不允许改扩展名]
	属性	文件类型/文件大小/创建时间/外链路径
文件上传功能	批量上传	支持批量上传配置文件中允许的任何格式
文件上传功能	切图上传	支持按多种比例裁切图片上传,自动压缩
目录管理功能	新建文件夹	支持创建多层级的文件夹
	删除文件夹	删除文件夹同时删除文件夹内图片
	重命名文件夹	支持文件夹更名
	文件夹属性	文件夹占用空间大小/创建时间/修改时间
权限配置	根目录限制	$dir = "/uploads"
	功能限制	$config=[ 'upload' => true, //是否允许批量上传 'up_img' => true, //是否允许切图上传 'del' => true, //是否允许删除文件 'rd' => true, //是否允许删除文件夹 'md' => true, //是否允许创建文件夹 'copy' => true, //是否允许复制粘贴 'rename' => true, //是否允许重命名文件 'redir' => true //是否允许重命名文件夹 ];
	格式限制	$alwdExts = array( 'jpg', 'png', 'gif', 'bmp' , 'webp', 'svg' , 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt' , 'pptx', 'mp3', 'mp4','ogg','ogv','webm','wav','flac','midi','m4a','aac','mp2','mkv', 'csv', 'txt','zip','rar','7z' );
其他	懒加载	支持图片缩略图延迟加载

就像你在控制台看见的一样, 只要打开 /U/ 不携带任何参数即是查看管理模式

            弹出文件管理

要赋值给任何表单元素, 只需要传递 ?tid=表单父元素的ID ,程序即会找到此ID下的input元素并赋值

获取数据

          
               
               选择文件

图片赋值也是一样,给按钮一个ID 然后 ?tid=按钮的ID ,程序会找到它内部的img标签并赋值src

获取数据

获取数据

通过指定一个特殊的类名 ups 实现无限添加多个图片,添加的图片支持移除. 可以通过获取.ups下所有图片的src获得图片地址数组

                  
               连续添加

主要测试左上角的三个按钮的回调效果, 需要更多的按钮可以在tinymce配置中自行配置

FUI-文件管理器