java + server upload and download files

We usually always do is upload files, folders and upload files to upload similar, but there are some differences, this did upload folder on the record for future use after the next. This control PC full platform support including mac, linux system file upload , the end of the article will be accompanied by controls and tutorials download link   

First, we need to understand is uploaded three elements: 

1. Form submission : post (get submission is limited in size , post no )

 2. Form enctype attributes : must be set to multipart / form-data. 

3. The form must have file upload items : File , and the file entry need given name value  

 Upload folder need to add a property webkitdirectory ,

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

Project Screenshot

  Description: http://bbsres2.ncmem.com/c87cb652.jpgDescription: http://bbsres2.ncmem.com/947a7c10.jpgDescription: http://bbsres2.ncmem.com/4184f1ed.png 

Features directory tree navigation. You can quickly jump to a specified directory by directory tree navigation and route navigation bar. After the jump directory tree will automatically select the current directory.   

 Description: http://bbsres2.ncmem.com/1cd87fad.jpg 

Navigation path, you can click the button to return to the root directory of the root directory

 Description: http://bbsres2.ncmem.com/86090cf3.jpg   

Rename files and directories

 Description: http://bbsres2.ncmem.com/8dfa757b.jpg

Click the Delete button

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

When you click OK, the page file disappear      

 

 Bulk upload file  

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

  Description: 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/731fda07.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://bbsres2.ncmem.com/1176943f.png   

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

 说明: http://bbsres2.ncmem.com/6561242d.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   

 

Download example: 

jsp-eclipsehttp://t.cn/Ai9p3LSx 

jsp-myeclipsehttp://t.cn/Ai9p3IdC    

 

Online Tutorial: 

jsp- File Manager Tutorial: http://t.cn/AiNhmilv

 

Personal blog: http://t.cn/AiY7heL0

 

www.webuploader.net

 

 

Guess you like

Origin www.cnblogs.com/songsu/p/11307071.html