松鼠的博客

导航

文件管理系统+开源

我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。此控件PC全平台支持包括mac,linux系统的文件上传,文章末尾将附上控件下载与教程链接   

首先我们需要了解的是上传文件三要素: 

1.表单提交方式:post (get方式提交有大小限制,post没有)

 2.表单的enctype属性:必须设置为multipart/form-data. 

3.表单必须有文件上传项:file,且文件项需要给定name  

 上传文件夹需要增加一个属性webkitdirectory

像这样: <input id="fileFolder" name="fileFolder" type="file"  webkitdirectory> 

工程截图

  说明: http://bbsres2.ncmem.com/c87cb652.jpg说明: http://bbsres2.ncmem.com/947a7c10.jpg说明: http://bbsres2.ncmem.com/4184f1ed.png 

功能介绍   树形目录导航。您可以通过树型目录导航和路径导航栏快速跳转到指定目录。在跳转后树型目录将会自动选中当前的目录。

 说明: http://bbsres2.ncmem.com/1cd87fad.jpg 

路径导航,点击根目录按钮便可返根目录

 说明: http://bbsres2.ncmem.com/86090cf3.jpg   

文件和目录重命名

 说明: http://bbsres2.ncmem.com/8dfa757b.jpg

点击删除按钮

  说明: http://blog.ncmem.com/wordpress/wp-content/uploads/2019/07/20190730094536_47679.png 

点击确定后,页面中的文件消失      

 

 批量上传文件 说明: http://bbsres2.ncmem.com/6e72eb0d.png 

粘贴上传 复制文件夹、文件或图片

  说明: http://blog.ncmem.com/wordpress/wp-content/uploads/2019/07/20190730094536_37315.png 

在页面中选择好相应的上传目录,点击粘贴上传按钮,数据即可快速开始上传

 说明: http://blog.ncmem.com/wordpress/wp-content/uploads/2019/07/20190730094536_40035.png

 批量上传文件和文件夹

    

文件和目录下载

 说明: http://bbsres2.ncmem.com/416fd580.png 

批量下载 同时选择多个需要下载的文件 然后点击下载按钮,设置下载目录文件夹

  说明: http://blog.ncmem.com/wordpress/wp-content/uploads/2019/07/20190730094536_95389.png

   说明: http://bbsres2.ncmem.com/f659643d.png   

点击全部下载,开始下载

    

自动加载未上传完的任务。在刷新浏览器或重启电脑后仍然可以自动加载未完成的任务。

    

下载完成后打开我们设置的下载目录文件夹,发现需下载的文件或文件夹确认已下载成功,经确认文件夹内的内容与下载文件夹内容一致

 说明: http://blog.ncmem.com/wordpress/wp-content/uploads/2019/07/20190730094536_73947.png

数据库记录,支持SQLMySQLOracle 

说明: 说明: C:\Users\Administrator\Desktop\sql.png说明: 说明: C:\Users\Administrator\Desktop\mysql.png说明: 说明: http://bbsres2.ncmem.com/20a4ecae.png

Mac控件安装教程与演示说明:

http://t.cn/AijgiFgW

http://t.cn/Aijg6z08

 

Linux控件安装教程与演示说明:

http://t.cn/Aijg6Lv3

http://t.cn/Aijg64k6

 

控件包下载:

MacOShttp://t.cn/Aijg65dZ

Linuxhttp://t.cn/Aijg6fRV

cab(x86)http://t.cn/Ai9pmG8S 

cab(x64)http://t.cn/Ai9pm04B 

xpihttp://t.cn/Ai9pubUc 

crxhttp://t.cn/Ai9pmrcy 

exehttp://t.cn/Ai9puobe   

 

示例下载: 

jsp-eclipsehttp://t.cn/Ai9p3LSx 

jsp-myeclipsehttp://t.cn/Ai9p3IdC    

 

在线教程: 

jsp-文件管理器教程:http://t.cn/AiNhmilv

 

个人博客:http://t.cn/AiY7heL0

 

www.webuploader.net

 

 

posted on 2019-08-05 17:29  Xproer-松鼠  阅读(1912)  评论(0编辑  收藏  举报