VUE实现大文件切片上传、断点续传、并发数控制等

前端：Vue,React,JQuery

后端：ASP.NET,JSP,PHP,SpringBoot,Python

浏览器：IE,Chrome,Firefox,360,奇安信，龙芯，红莲花

数据库：SQL,Oracle,MySQL,人大金仓，达梦

最近项目有个需求，需要在网页前端实现大文件，文件夹的上传和下载，需要支持断点续传，MD5校验，文件秒传，加密传输(国密SM4)，加密存储，压缩传输(zip,gzip)功能，前端框架使用VUE，后端用的是JAVA SpringBoot

这个是央企项目，因为国家信息安全的因素，所有政府项目都必须支持信创国产化环境：国产操作系统，国产数据库，国产浏览器，客户那边有些系统用的是Windows7 + IE8，也要求兼容。

网上搜了很多文章，基本上的方案都是vue+html5，或百度webuploader，我们之前也是采用的这个方案，稳定性比较差，传上去的文件数据容易出错，然后断点续传功能不够完善，用户传大文件的时候浏览器响应卡顿容易崩溃，用户传文件的时候不能刷新页面，也不能关闭页面，否则文件进度将会丢失。这个对于现在的客户来说有点难以接受，因为用户传的文件比较大，1G到10G都有，可能一次传不完，传一半，第二天再传。

找了几个月，只发现一个产品比较不错：泽优大文件上传控件（up6），不仅提供了产品源码，视频教程，开发部这边集成很快，基本上没花什么时间，直接把他的代码复制到项目中就完事了。

我们的需求实际上很简单，第一就是希望使用简单，不管是对开发人员，还是对普通用户都要使用简单。对开发人员来说要集成和整合简单，能够提供前端和后端 API，前端API使用和调用要方便。对于普通用户，要使用简单学习成本低。不需要进行使用培训。

第二点就是稳定可靠，用户是政府单位的，对稳定性要求比较高。用户每天上传和下载的文件数量都比较多，平均每用户1万左右，大的有10GB左右，小的有几百KB。

第三点就是能够提供技术支持（提供手机微信和上门服务），政府项目必须要有技术支持，这个是硬指标，政府项目周期也比较长，中途可能会变更需求或者定制开发。需要专人服务。

除了这些还有一点就是下载功能需要也支持断点续传。用户平时会从系统中下载很多文件，文件有大有小，大的1G，小的几KB，但是用户是批量下载，不是打包成ZIP下载。

上面的几点能够满足的话基本上就没有什么问题，领导这边希望提供OEM买断或控件源代码的采购方式，我们是软件公司，专门做政府和央企项目，项目比较多，有些政府大客户要求源代码审查，领导希望集成到我们自己的产品中去卖，这样就能够为所有用户提供这个功能，用户体验也能够统一。后面维护起来也方便。主要是领导不想每次都要单独采购，太麻烦了。

示例下载：