网页上传大文件的三种解决方案,一个是HTML5,这个基本上是多数吧,主要还是chrome自带了这个功能,当然遇到IE就挂了,不兼容。另外一种是采用 控件方案,这个更灵活,自主性更强,我们采用的是控件方案。我们公司有自己的产品和项目,与互联网项目相比,我们更注重自主性,兼容性,稳定性。我们有自己的开发团队和实施团队,项目或系统实施过程中遇到问题,用户有个性化的需求,基本上我们自己都能够搞定,

  HTML5实现大文件上传下载,JQUERY大文件上传(切片),HTML实现文件夹的上传和下载,前端如何用HTML5实现分片上传GB级大文件,

必备:网页上传大文件的三种解决方案

  网页中实现文件上传下载的三种解决方案(推荐),HTML5实现文件批量上传组件,JQUERY 实现文件夹上传(保留目录结构),

  B/S大文件上传支持断点上传,WebService 大文件上传,断点续传分片,HTML+AJAX实现上传大文件问题,用HTML实现本地文件的上传,HTML5实现大文件上传,HTML5实现大文件分片上传思路,利用HTML5分片上传超大文件思路,

  WEBUPLOADER 支持 超大上G,多附件上传,JS 大文件分割/分片上传,

  百度WEBUPLOADER上传视频等大文件,WEBUPLOAD组件实现文件上传功能和下载功能,JS大文件切片上传,断点续传实现DEMO,前端上传大文件的解决方案,前端上传大文件处理(切片、断点续传),前端大文件上传优化方案——分片上传,vue大文件上传解决方案,vue大文件上传解决方案10G,vue大文件上传解决方案50G,vue大文件上传解决方案100G,html5如何实现大文件断点续传、秒传,

  java如何实现大文件断点续传、秒传,SpringBoot如何实现大文件断点续传、秒传,SpringMVC如何实现大文件断点续传、秒传,SpringCloud如何实现大文件断点续传、秒传,

  webuploader如何实现大文件断点续传、秒传,百度webuploader如何实现大文件断点续传、秒传,html5实现大文件断点续传、秒传,vue如何实现大文件断点续传、秒传,前端如何实现大文件断点续传、秒传,JavaScript如何实现大文件断点续传、秒传,

  html5大文件断点续传、秒传解决方案,html5大文件断点续传、加密上传解决方案,html5大文件断点续传、加密存储解决方案,html5大文件断点续传分片解决方案,html5大文件断点续传分块解决方案,html5大文件断点续传分割解决方案,html5大文件断点续传切割解决方案,

  项目是一个新项目,开发部门在技术选型方面采用的是后端用的SpringBoot,前端用的VUE2,数据库用的MySQL,主要是考虑兼容和迁移,客户那边确认过,明年开始将迁移到信创国产化平台中,

  后端我们公司项目组选的是JAVA,因为公司有自己的产品,所以直接使用就行了,针对客户需求这块是进行扩展。

  客户这边实际上要传的文件单个大小就有50G左右,所以需要支持断点续传和分片上传,并且要支持多线程上传,能够充分利用带宽资源。

  之前在网上找过相关的资料,论坛里面也有网友交流过,还加过很多QQ群和微信群,但是结果都不太令人满意。

  技术选型的话用的是jquery,也是一个企业内网系统,用的是之前公司的框架,只是进行功能扩展

  分片网上讨论的很多,基本上全部都是用的HTML5的API,这个方案也不是不能用,但是在IE下面就不行了,兼容性差了点,并且也不能进行扩展,不能进行二次开发,限制性非常大,我们技术同事提的要求是需要提供产品完整源代码,

  网上的文章全部都没有提供文件夹上传和续传的代码,也没有提供数据库操作的代码,

  另外这块我们是要求必须提供产品完整源代码,因为后面我们需要自已来维护,同时是要求能够自主可控的

  研发部门的同事调研过百度的webuploader这个组件,发现他实际上就是对Flash和HTML5进行了一个封装,本质还是调的HTML5的API,之前在项目中也用过,尝试过,但是最终都不太满意,一个是兼容性非常差,说的是兼容IE,但是在IE用的是Flash,在很多用户的电脑上用不了,卡顿崩溃发生的太频繁,文件上传的数量一多比如几千个,前端页面就开始卡了,用户体验非常差。这些问题研发部的同事都向百度反应过,但是百度webuploader那边一直没人回,基本上没人管,领导说要求付费提供技术支持,那边也是没人回,联系不上他们任何人。

  webuploader这边连个开发人员都联系不到,这个是怎么回事?

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

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

  1.全球唯一商业化开源产品

  2.国内唯一支持IE浏览器

  3.国内唯一支持COM技术构架

  4.国内唯一提供第三方应用支持:泛微OA,通达OA,Discuz,

  5.国内唯一支持多种开发语言(ASP.NET,.NET Core,JAVA,PHP)

  6.国内唯一免费提供技术交流群:374992201

  7.国内唯一免费提供视频教程

  8.满足企业多项目,多产品,多终端,多平台,多技术,多框架等应用场景。

  9.完全开源,满足企业100%自主安全可控需求,自主编译,自主发行,自主维护。

  10.支持信创国产化,满足政府信息安全需求。

  11.适用群体:央企,国企,上市企业,企业集团,政府科研机构

  12.标杆案例:中国港湾,中国中车,中国石油,中国石化,长江电力

  视频教程:

  https://www.ixigua.com/7226245960341389859

  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