HTML5实现大文件分片上传实例

求：前端HTML5，VUE2，VUE3，支持大文件分片，分段，分块，分割上传，支持断点续传，支持加密上传，支持批量上传，支持关闭浏览器后重新打开仍然能够继续上传，支持1000个文件批量上传，支持离线进度信息保存功能。支持IE浏览器，政府单位有些用户用的是WIN7+IE8，上传下载必须都支持。提供前后端源码，VUE源码，控件源码。

用户上传的文件比较大，有20G左右，直接用HTML传的话容易失败，服务器也容易出错，需要分片，分块，分割上传。也就是将一个大的文件分成若干个小文件块来上传，另外就是需要实现秒传功能和防重复功能，秒传就是用户如果上传过这个文件，那么直接在数据库中查找记录就行了，不用再上传一次，节省时间，实现的思路是对文件做MD5计算，将MD5值保存到数据库，算法可以用MD5，或者CRC，或者SHA1，这个随便哪个算法都行。

分片还需要支持断点续传，现在HTML5虽然提供了信息记录功能，但是只支持到了会话级，也就是用户不能关闭浏览器，也不能清空缓存。但是有的政府单位上传大文件，传了一半下班了，明天继续传，电脑一关结果进度信息就丢失了，这个是他们的一个痛点。

切片的话还有一点就是在服务器上合并，一个文件的所有分片数据上传完后需要在服务器端进行合并操作。

功能的话支持20G文件上传和续传，支持秒传，支持文件夹上传，支持在服务端保存文件夹层级结构，支持将文件夹层级结构信息保存到数据库中，支持下载时能够将文件夹层级结构下载下来，支持下载文件夹，下载文件夹支持断点续传，支持VUE2,VUE3,React，支持IE，Chrome和信创国产化环境，比如银河麒麟，统信UOS，龙芯，支持加密传输，包括加密上传，加密下载，加密算法支持国密SM4，支持云对象存储，比如华为云，阿里云，腾讯云，七牛云，AWS，MinIO,FastDFS，需要提供手机，QQ，微信，邮箱等联系方式，提供7*24小时技术支持，提供长期技术支持和维护服务，提供远程1对1技术指导，提供二次开发指导，提供文档教程，提供视频教程。

1.下载示例

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

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

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

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

3.处理事件

启动测试

启动成功

效果

数据库

提到web开发，目前在世界上最为流行的就是php，java和.net,这个世界上百分之99的网站或者类似的应用都是由这三种语言开发的，当然这里我们先不提及某些小众语言如python之类。

而web报表，简单的说，就是借助web平台，可以让用户在线查看、编辑、保存、输出的报表。随着网络技术的迅速发展以及用户对报表数据动态性的要求，web报表成为报表发展的一个主流方向。

WEB报表开发工具哪个好？主流.NET报表控件对比测评

本文就几款主流的报表工控件进行功能、等级、服务等方面的对比测评，给报表开发人员在做产品选型时作为一份参考。

Stimulsoft Reports.Net

Stimulsoft是一家白俄罗斯软件公司，成立于2003年，提供名为Stimulsoft Reports.Net的报表控件。Stimulsoft Reports.Net是一个基于.NET框架的报表生成器，能够帮助你创建结构、功能丰富的报表。Stimulsoft Reports.Net的报表设计器不仅界面友好，而且使用便捷，能够让你轻松创建所有报表；该报表设计器在报表设计过程中以及报表运行的过程中都可以使用。使用Stimulsoft Reports.Net，您可以创建基于各种不同数据源的报表。在运行时使用Stimulsoft Reports.Net的报表设计器不需要支付任何的专利费用。

所创建的报表既可以在Windows窗体应用程序中使用，也可以在Asp.Net应用程序中使用。可导出多种数据格式,比如：PDF，XML，HTML，Word，Excel，RTF格式，文本文件，CSV，BMP和JPEG格式，GIF，PNG，TIFF格式等。

Stimulsoft官方中文网：www.stimulsoft.cn

FastReport.Net

Fast Reports, Inc.成立于1998年，多年来一直致力于开发快速报表软件：应用程序、库和插件。FastReport.Net是适用于Windows Forms，ASP.NET，MVC和.NET Core的全功能报表解决方案。它可以在Microsoft Visual Studio 2005-2019中使用。支持.Net Framework 2.0-4.x，.NET Core 3.0。

使用FastReport.Net，您可以创建独立于应用程序的报表。换句话说，FastReport.Net可以用作构建报表的独立解决方案。

FastReport官方中文网：www.fastreportcn.com

List & Label

Combit公司是德国极少数能取得世界范围成功的开发控件生产商。List & Label是一款功能强大的图表报表控件，支持多种开发平台且分发免费。通过List & Label报表生成器，开发人员只需添加数行代码便可在他们的程序中添加报表，子报表，简单列表，多表单，交叉表，图表，表格，标签，打印，预览，导出以及Web报表。

适用范围：.NET、Java、Delphi、C#、C/C++、C++ Builder、Visual Basic、Visual C++等平台的报表、图表、仪表盘、条码的生成。

ActiveReports

GrapeCity是一家集软件开发、实施、培训为一体的专业软件集团，现已通过CMMI4级评估。ActiveReports是一款在全球范围内应用非常广泛的报表控件，以提供.NET报表所需的全部报表设计功能领先于同类报表控件，包括对交互式报表的强大支持、丰富的数据可视化方式、与Visual Studio的完美集成、以及对 HTML5 / WinForm / ASP.NET / ASP.NET MVC / Silverlight / WPF 和 Windows Azure 的多平台支持等。

通过ActiveReports报表控件，您除了可以创建常用的子报表、交叉报表、分组报表、分栏报表、主从报表等商业报表外，还可以创建具备数据筛选、数据过滤、数据钻取、报表互链等交互能力的数据分析报表，并把数据以可视化的方式呈现出来，快速为应用程序添加强大的报表功能。