我们公司最近有一个项目,要做一个业务管理系统,紧张便是管理一些项目文件,常常要上传下载文件,

前端用了VUE2,VUE3,JQ,后端用了JAVA,JSP,SpringBoot,哀求在前端供应大文件上传的功能,文件大小约为10G旁边,可能偶尔有文件会超过这个大小,但是不多,

网上搜了一圈,基本上都是用的HTML5实现的,也便是chrome供应的API,小文件还好,比如几十MB,500MB旁边的话,单个文件上传还凑合,但是文件大点,文件一多就弗成了。
比如1G以上,或者10G以上,100个文件,1000个文件同时传,就有点弗成了,紧张便是页面反应慢,卡顿。

jsp引入外部jq源文件Vue3 组件封装文件上传 SQL

我们之前用过WebUploader,上传小一点的文件还不错,但是大点的文件就弗成了,比如上传5G的文件,上传常常会自动中断,不太稳定。

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

哀求操作便利,一次选择多个文件和文件夹进行上传;

支持PC端全平台操作系统,Windows,Linux,Mac

支持文件和文件夹的批量下载,断点续传。
刷新页面后连续传输。
关闭浏览器后保留进度信息。

支持文件夹批量上传下载,做事器端保留文件夹层级构造,做事器端文件夹层级构造与本地相同。

支持大文件批量上传(20G)和下载,同时须要担保上传期间用户电脑不涌现卡去世等体验;

支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级构造。

支持断点续传,关闭浏览器或刷新浏览器后仍旧能够保留进度。

支持文件夹构造管理,支持新建文件夹,支持文件夹目录导航

交互友好,能够及时反馈上传的进度;

做事真个安全性,不因上传文件功能导致JVM内存溢出影响其他功能利用;

最大限度利用网络上行带宽,提高上传速率;

1.下载示例

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

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

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

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

3.处理事宜

启动测试

启动成功

效果

数据库

源码工程文档:https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源码报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

产品源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc授权码天生器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1