网页上传大文件的三种解决方案,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.国内唯一支持多种开发语言(.NET,.NET Core,JAVA,PHP)
6.国内唯一免费提供技术交流群,免费提供技术支持
7.国内唯一免费提供视频教程
8.满足企业多项目,多产品,多终端,多平台,多技术,多框架等应用场景。
9.完全开源,满足企业100%自主安全可控需求,自主编译,自主发行,自主维护。
10.支持信创国产化,满足政府信息安全需求。
11.适用群体:央企,国企,上市企业,企业集团,政府科研机构
12.标杆案例:中国港湾,中国中车,中国石油,中国石化,长江电力
党政解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAw8CMjliR
央企解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAwPvHk9ge
国防军工解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAwomnBHGP
档案管理解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAwYeg7NbY
金融行业解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAw7bPYO40
地产行业解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAwB9Bc6ba
工程管理解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAw0VdLVsH
教程解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAwMm9JsV5
医疗行业解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAw19MkH5b
广告行业解决方案:https://drive.weixin.qq.com/s?k=ACoAYgezAAwKjwJTD0
标杆案例-中国港湾:https://www.ixigua.com/7276384414878958136
标杆案例-中国中车:https://www.ixigua.com/7232111895313023520?id=7277771874954805814
标杆案例-中国石油:https://www.ixigua.com/7232111895313023520?id=7278506605073826341&logTag=e48f8b868b9849830e1f
标杆案例-中信证券:https://www.ixigua.com/7282205969273061945
标杆案例-爱德数智:https://www.ixigua.com/7330489273650676235
标杆案例-金润方舟:https://www.ixigua.com/7329817304764678656
标杆案例-沈阳自动化研究所:https://www.ixigua.com/7330982949393072666
标杆案例-上海通用:https://www.ixigua.com/7331303913619980800
标杆案例-一汽大众:https://www.ixigua.com/7331676432294707738
产品比较:https://drive.weixin.qq.com/s?k=ACoAYgezAAwNT1peJ1
白皮书:https://drive.weixin.qq.com/s?k=ACoAYgezAAwqb51JS5
产品源代码文档:http://www.ncmem.com/webapp/up6/purchase.aspx?type=code
个人版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwoNfBY7s
政企版报价单:http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent
年费版报价单:http://www.ncmem.com/webapp/up6/purchase.aspx?type=year
源码版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwU9OXy9Z
开发文档:https://drive.weixin.qq.com/s?k=ACoAYgezAAwa327yop
产品源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授权生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1
up6-asp.net-vs2013示例:https://gitee.com/xproer/up6-asp-net/tree/6.5.41/
up6-net-core示例:https://gitee.com/xproer/up6-net-core
up6-.net-winform示例:https://gitee.com/xproer/up6-code-csharp
up6-cpp-wtl示例:https://gitee.com/xproer/up6-cpp-wtl
up6-jsp-eclipse示例:https://gitee.com/xproer/up6-jsp-eclipse/tree/6.5.41/
up6-jsp-myeclipse示例:https://gitee.com/xproer/up6-jsp-myeclipse/tree/6.5.41/
up6-jsp-springboot示例:https://gitee.com/xproer/up6-jsp-springboot/tree/6.5.41/
up6-php5-示例:https://gitee.com/xproer/up6-php5/tree/6.5.41/
up6-php7-示例:https://gitee.com/xproer/up6-php/tree/6.5.41/
up6-Discuz插件:https://gitee.com/xproer/up6-discuz
up6-vue-cli示例:https://gitee.com/xproer/up6-vue-cli
up6-ExtJS 6示例:https://gitee.com/xproer/up6-extjs6
视频教程: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.处理事件
启动测试
启动成功
效果
数据库
源码工程文档:泽优上传下载-源码版-工程文档.pdf
源码报价单:泽优上传下载-源码版-2024.pdf
OEM版报价单:泽优上传下载-OEM版-2024.pdf
产品源代码:up6-code.zip
授权码生成器:up6-lic-app.zip