端用了HTML，VUE2,VUE3，后端用了ASP.NET,.NET Core.NET MVC,IDE用了Visual Studio 2010,Visual Studio 2013,Visual Studio 2022，因为新项目和老项目都用了两种IDE。

自已做项目用，客户是政府单位，项目用户也比较多，现要求能够在网页上面上传文件夹，文件夹里面大约有1万多个文件，有大有小，大的有1G~10G，小的有几MB，要求支持断点续传，支持进度信息离线存储，用户可能传一半没有传完，下班了，明天上班后继续上传，电脑晚上到点需要关机，支持加密传输，支持国密加密算法SM4，要求支持下载，支持非打包方式下载，浏览器要求支持包含IE在内的所有浏览器，系统环境要求支持信创国产化，比如银河麒麟，中标麒麟，统信UOS，龙芯，数据库支持MySQL,Oracle,达梦数据库,人大金仓，需要提供前端源码，后端源码，控件源码，公司自己的项目，也有自己的产品，后续需要集成使用，提供7*24小时技术支持服务，提供文档教程，视频教程，远程技术指导，1对1技术支持服务，提供手机，微信，QQ，邮箱，企业微信等联系方式。

最新版本：6.5.40

在线代码：https://gitee.com/xproer/up6-asp-net/tree/6.5.40/

视频教程：https://www.ixigua.com/7200367234802418187

NOSQL

NOSQL无需任何配置可直接访问页面进行测试

SQL

使用IIS

大文件上传测试推荐使用IIS以获取更高性能。

使用IIS Express

小文件上传测试可以使用IIS Express

创建数据库

配置数据库连接信息

访问页面进行测试

相关参考：

文件保存位置

TTP 大文件上传解决方案(500M以上)，如何实现大文件上传、断点续传、切片上传，VUE实现大文件分片上传、断点续传，网页 项目大文件上传下载解决方案，VUE实现文件上传与下载，H5+JAVA的文件上传,断点续传，前端大文件切片上传，断点续传、秒传等解决方案，VUE中使用实例，NGINX支持超大文件HTTP断点续传，VUE实现文件的分片上传，前端大文件上传处理方案，如何解决控件附件上传时超大附件无法上传的问题，完美解决B/S无法上传大文件解决方法，网页完美解决B/S无法上传大文件方法，前端完美解决B/S无法上传大文件方法

SpringBoot完美解决B/S无法上传大文件方法，java完美解决B/S无法上传大文件方法，input file完美解决B/S无法上传大文件方法，jsp完美解决B/S无法上传大文件方法，dom完美解决B/S无法上传大文件方法，百度webuploader完美解决B/S无法上传大文件方法，webuploader完美解决B/S无法上传大文件方法，html5完美解决B/S无法上传大文件方法，JS完美解决B/S无法上传大文件方法，完美解决B/S无法上传大文件方法，

JS实现文件夹的多线程上传和下载，JS实现文件夹的加密上传和下载，JS怎么实现文件夹的上传和下载，vue实现文件夹的上传和下载，web实现文件夹的上传和下载，网页实现文件夹的上传和下载，dom实现文件夹的上传和下载，html5实现文件夹的上传和下载，JavaScript实现文件夹的上传和下载，JS如何实现文件夹的上传和下载，JS实现文件夹的上传和下载解决方案，百度webuploader实现文件夹的上传和下载，webuploader实现文件夹的上传和下载，

网页项目纯HTML，纯VUE这类方案不多。客户那边实际上比较在乎两点。

JS实现文件夹的上传和下载，WEBUPLOADER上传大文件的三种解决方案，WEBUPLOADER上传大文件的解决方案，WEBUPLOADER上传大文件的方案，百度WEBUPLOADER上传大文件的三种解决方案，百度WEBUPLOADER上传大文件的三种代码，百度WEBUPLOADER上传大文件的三种源码，百度WEBUPLOADER上传大文件的三种源代码，HTML5上传大文件的三种源代码，JavaScript上传大文件的三种源代码，WEBUPLOADER如何实现大文件断点续传、秒传，

实际上客户对技术并不在意，用HTML也好用控件也罢。客户比较在意两点，一个是稳定性，一个是兼容性。

HTML5分片，分段，分块，分割，切片，切割上传，H5原理实际上上传的原理就是把一个大的文件切割成若干个小数据块进行上传，下载的话Chrome虽然提供了几个API，但是不好用

给政府做的一个项目，需要实现一个文件管理系统，主要就是需要在服务端进行加密存储，传输过程也需要进行加密，加密算法需要支持国密SM4，现在因为信息安全的需求，基本政府那边服务端和终端系统都是信创国产化的系统。政府这边对安全性要求比较严格。

附件太大了确实很难上传，上传的时候容易出错，处理起来的确有些麻烦。

现在chrome提供了相关的API，在HTML5中也能够上传文件，不过有限制，每个域名限制了5个TCP连接。用起来不是那么的舒服，也不够灵活，当然也能够满足一般的使用场景。不太复杂的也能够凑合着用。

但是如果有上传文件夹，文件夹中包含很多文件，比如1万或者10万，这种场景下用起来就不是那么的舒服了，如果单个文件的大小超过10G，比如20G，这种场景下用起来也不是特别的舒服。

还有批量下载的话HTML5的能力也有限，下是能下，但是每下一个文件就需要用户手动确认一下，那比如我要下载100个文件，也需要确认100次，用户不太接受这种方式。

用户的环境还是有点复杂的，也就是用户那边公司用的操作系统很多，终端系统有windows,macOS,linux，不同的部门用的系统还不一样，营销部门的话用macOS多一些，运维后端的同事用linux用的多一些，主要就是centos和ubuntu，其它的同事用的windows多一些。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

TML+JQUERY超大视频上传解决方案

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

?

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

?

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

?

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

?

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

?

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

?

第三点就是能够提供技术支持，因为是政府客户，必须要有技术支持，这个是硬指标，因为项目周期也比较长，中途可能会变更需求或者定制开发，所以厂商必须提供技术服务。

?

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

?

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

?

示例下载：