zoukankan      html  css  js  c++  java
  • 文件管理系统+开源

    我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。此控件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:UsersAdministratorDesktopsql.png说明: 说明: C:UsersAdministratorDesktopmysql.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

     

     

  • 相关阅读:
    密码控件安全技术浅析及攻击实例
    一个QQ木马的逆向分析浅谈(附带源码)
    菜鸟开始学习SSDT HOOK((附带源码)
    leetcode229
    leetcode1401
    leetcode1400
    leetcode1399
    leetcode228
    leetcode223
    leetcode222
  • 原文地址:https://www.cnblogs.com/songsu/p/11304339.html
Copyright © 2011-2022 走看看