vue超大文件上传

众所皆知&＃xff0c;web上传大文件&＃xff0c;一直是一个痛。上传文件大小限制&＃xff0c;页面响应时间超时.这些都是web开发所必须直面的。

本文给出的解决方案是&＃xff1a;前端实现数据流分片长传&＃xff0c;后面接收完毕后合并文件的思路。

实现文件夹上传&＃xff0c;要求&＃xff1a;服务端保留层级结构&＃xff0c;支持10w级别的文件夹上传。

大文件上传及断点续传&＃xff0c;要求&＃xff1a;支持50G级的单个文件上传和续传。续传要求&＃xff1a;在刷新浏览器后能够续传上传&＃xff0c;在重启浏览器后能够继续上传上&＃xff08;关闭浏览器后重新打开&＃xff09;&＃xff0c;在重启电脑后能够继续上传。

支持PC端全平台&＃xff0c;Windows,Mac,Linux

浏览器要求支持全部浏览器&＃xff0c;包括ie6,ie7,ie8,ie9,Chrome,Firefox

下面贴出简易DEMO源码分享&＃xff1a;

前端页面&＃xff1a;

后端代码&＃xff0c;此Demo是基于MVC架构的&＃xff1a;

后端代码我进行了模块划化&＃xff0c;而不是网上的将所有的模块放在一个类中&＃xff0c;这样对于以后的维护和升级来说都是一个灾难。

文件块处理逻辑

文件块保存逻辑如下

web.xml配置如下

整个项目的截图

依赖的JAR包如下

运行效果如下&＃xff1a;

在此分享&＃xff01;希望多多指正~

后端代码逻辑大部分是相同的&＃xff0c;目前能够支持MySQL,Oracle,SQL。在使用前需要配置一下数据库&＃xff0c;可以参考我写的这篇文章&＃xff1a;http://blog.ncmem.com/wordpress/2019/08/07/java超大文件上传与下载/

欢迎入群一起讨论&＃xff1a;374992201