VUE 以上超大文件上传和断点续传服务器的实现

前端用了VUE2,VUE3,React,HTML5，在VUE里面上传超大文件，大概有50G左右。需要支持断点续传。服务器要保存文件信息。

要支持文件下载，超大文件的下载，下载也要支持断点续传，因为用户把50G设计图纸传上去了，还需要下载下来，所以在VUE里面也需要支持下载断点续传。

后端的话用了JAVA,JSP,SpringBoot，数据库的话有MySQL,Oracle,SQL Server,达梦数据库，人大金仓，MongoDB，

对象存储有华为云，阿里云，百度云，七牛云，微软云，亚马逊云（AWS），MinIO，FastDFS，也就是说要支持分布式存储，文件分块保存在云服务中，云对象存储中。

网上搜了一圈，基本上都是用的HTML5实现的，也就是chrome提供的API，小文件还好，比如几十MB，500MB左右的话，单个文件上传还凑合，但是文件大点，文件一多就不行了。比如1G以上，或者10G以上，100个文件，1000个文件同时传，就有点不行了，主要就是页面反应慢，卡顿。t

前端用了VUE2,VUE3,JQ，后端用了JAVA,JSP,SpringBoot，要求在前端提供大文件上传的功能，文件大小约为20G左右，可能偶尔有文件会超过这个大小，但是不多，

浏览器要求支持包含IE在内的所有浏览器，系统环境要求支持信创国产化，比如银河麒麟，统信，龙芯，

用户是汽车制造企业，每天要传汽车设计图纸。设计图纸有点大。

1.下载示例

https://gitee.com/xproer/up6-vue-cli

 

 

将up6组件复制到项目中

示例中已经包含此目录

 

 

1.引入up6组件

 

 

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

 

 

3.处理事件

 

 

启动测试

 

 

启动成功

 

 

效果

 

 

数据库