松鼠的博客

导航

js上传文件夹

用过浏览器的开发人员都对大文件上传与下载比较困扰,之前遇到了一个php文件夹上传下载的问题,无奈之下自己开发了一套文件上传控件,在这里分享一下。希望能对你有所帮助。此控件PC全平台支持包括mac,linux系统的文件上传,文章末尾将附上控件下载与教程链接

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

 说明: 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/20190730094915_38687.png 

点击确定后,页面中的文件消失       批量上传文件

 说明: http://bbsres2.ncmem.com/6e72eb0d.png 

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

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

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

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

批量上传文件和文件夹

 说明: http://bbsres2.ncmem.com/731fda07.png   

数据库记录

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

文件和目录下载 

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

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

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

   

点击全部下载,开始下载

 说明: http://bbsres2.ncmem.com/1176943f.png   

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

 说明: http://bbsres2.ncmem.com/6561242d.png   

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

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

 工程截图

  说明: http://bbsres2.ncmem.com/85d522be.jpg   

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   

 

示例下载: 

php http://t.cn/Ai9p3CKQ   

 

在线教程: 

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

 

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

 

www.webuploader.net

 

posted on 2019-08-06 09:22  Xproer-松鼠  阅读(1205)  评论(0编辑  收藏  举报