JS的话一般情况下就是HTML5了，现在这个比较流行，但是今天在这里我想和各位网友分享一个不同的方案，就是基于插件的方案。因为我们去年给客户做的一个项目就是采用的插件方案，现在已经稳定运行一年了，用户用的还比较好。实际上最开始我们也是采用的JS方案，也就是WEB方案：B/S方案。但是在实际运营过程中用户发现用户体验并不好，主要体现在上传和下载的文件夹数量量比较大时》1W的数据，页面就响应非常慢了，卡。这时候用户就用的不爽了，有点小焦虑，后来换成插件方案后就好多了，数量10W以上时都没有什么影响。速度照样可以拉满。用户体验还不错，至少客户那边是比较满意的。现在直接换成C/S了。直接用一个客户端来做了，完全不用网页了。因为用户传输的数量非常大，HTML5已经搞不定了，响应慢。卡顿，用户一般传输的数据量都是10W，50G级的。
所以这里也算是给网友分享一个实际的项目经验，HTML5固然是能用，但是也只是适用于数据量小的普通的场景。大数据量的话还是建议用插件或C/S的方案。
客户只是提了这么一个需求，没有提供更多的项目信息，比如后端用的什么语言，前端用的什么框架，VUE还是REACT，或者HTML+JQ，这几点都没有说。
前几天一个网友私信问了这个问题，也是希望能够交流一下，我给他回了信息。这里把这个问题提出来，大伙也能够一起学习一下。
WEB上传一个文件夹，网上搜了一下基本上都是借助于HTML5也就是chrome的API来实现的功能，试了一下不怎么好用，第一是断点续传功能需要自己实现，他没有实现好，还需要写额外的代码，第二是队列控制逻辑没有实现，需要自己实现，第三是后端存储逻辑，以及层级结构信息逻辑没有实现，需要自己实现，基本上这html5也就是chrome实现的东西也不多，可以说太少了。
客户是北京的一家国企，建筑行业的，现在的需求是要在WEB端也就 B/S构架，上传和下载文件夹，文件夹比较大，大概有50G左右，里面的文件比较多，可能有1万多个。主要的一个需求就需要支持层级结构，上传下载都需要支持，另外一个就是加密传输和加密存储。
在网上也花时间搜索过相关的资料，论坛里面也有网友交流过，还加过很多QQ群微信群，但是结果都不太令人满意。
几乎所有的文章都是在讲如何使用HTML5的API，至于后端如何实现分布式存储，系统如何设计，如何整合，如何兼容现有系统都没有完整的成熟的解决方案，也没有提供完整的产品源代码，
基本上都没有讲清楚文件夹上传的问题，也没有提供代码，数据库这块的处理代码也没有提供。
不能够满足公司项目上的需求，公司这边实际上是需要一个成熟的商业解决方案，而不是一个文件的上传思路。但是网上几乎所有的文章都是在讲思路和想法，很少有提供成熟解决方案的。另外一方面就是公司项目需要最好能够提供国企和央企的成功案例，这个也是客户那边的要求。项目这块要求比较高，不可能随便在网上找几个开源的代码糊弄过去，因为后期项目要做维护和升级。
前端用了JS，JQuery,vue2,vue3,vue-cli,html5,html，前端框架也比较多，但是网上提供的都是代码片断。
找了一圈基本上都是讲上传的，下载的讲的很少，文章里面也是写的不详细
客户那边是一家国企，主要也是给政府和央企做项目。实际上客户对具体的技术并不关心。客户关注点不在这块，主要是对稳定性和兼容性比较在意。
网上搜了一下，基本上大部分的文章里面提到的前端JS或VUE或HTML5上传文件夹的方案都是使用JS的API来实现的，也就是html5提供的一个API，也就是chrome提供的API。用是能用，但是不够好用，有很多限制，也不够灵活。不太能够满足用户的实际应用需求，
多多少少还是有点问题，稳定性，灵活性，可扩展性，安全性方面还是有点问题。chrome的每个域名只允许5个TCP连接的限制，这个基本上是一个无法逾越的鸿沟，目前为止网上还没有发现哪家公司或者个人能够突破的。
我们做项目的话个人用户比较少，一般都是行业用户，比如政府，公司，金融，这类企业，他们对用户体验要求较高。就实际项目开发和实施的情况来看，html5或者chrome提供的功能基本上都是不能够满足他们需求的，都需要我们进行定制开发。
文件夹上传，html5提供了API,用户开始用的时候还行，然后就提了要求要求支持断点续传，
WEB 项目实现文件夹上传(保留目录结构)，网页实现文件夹的上传和下载，WEB前端:上传文件夹(需支持多浏览器)，HTML5文件夹上传下载组件，HTTP支持上传文件夹，
HTML+VUE超大视频上传解决方案，JAVASCRIPT 实现文件夹上传(保留目录结构)，HTML超大文件上传和断点续传的实现，VUE 大文件分片上传(断点续传、并发上传、秒传)，完美解决PHP无法上传大文件方法，
NGINX 实现文件夹上传(保留目录结构)，http之实现文件上传与下载，内网 批量大文件上传下载，浏览器超大文件上传和断点续传的实现，超大文件上传解决方案：分片断点上传，
VUE+ELEMENT 上传文件及文件夹，VUE上传大文件的三种解决方案，DJANGO+VUE实现文件夹上传，前端实现文件夹的上传和下载，HTML+前端超大视频上传解决方案，网页 项目文件夹上传下载解决方案，
视频教程：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
1.全球唯一商业化开源产品，免费提供源代码下载服务，全球唯一免费提供产品源代码下载服务。
免费下载泽优大文件上传控件（up6）产品源代码：up6-code.zip
从泽优核心产品代码库中拉取代码
不需要密码，不需要登陆验证，随便拉取，随便下载，完全免费。
ActiveX-x86-控件工程源码
可自主编译，自主部署，自主发布，二次开发，扩展控件功能，灵活自动。
免费提供源码讲解服务，功能讲解，逻辑讲解，原理讲解，思路讲解，核心代码功能实现讲解，新业务功能扩展指导，免费提供编译指导，免费提供部署指导
拉取火狐控件代码
火狐Firefox控件工程截图
免费提供macOS平台编译部署指导，远程一对于专业开发人员指导
Chrome-Native Message-控件工程源码
免费提供Linux版控件编译，打包，部署指导，远程一对一语音视频教程
免费提供龙芯（LoongArch）平台控件编译，打包，部署远程一对一专业指导。
2.国内唯一支持IE浏览器
3.国内唯一支持COM技术构架
4.国内唯一提供第三方应用支持：泛微OA，通达OA，Discuz，
5.国内唯一支持多种开发语言（.NET,.NET Core,JAVA,PHP）
6.国内唯一免费提供技术交流群，免费提供技术支持
7.国内唯一免费提供视频教程
8.国内唯一提供年费版授权服务，按年提供不限数量的授权，不限产品授权，不限服务器地址，不限授权数量
免费下载大文件上传控件（up6）年费版报价单：up6-年费版-2024-1.pdf
免费下载大文件上传下载控件(up6+down2)年费版报价单：泽优上传下载-年费版-2024.pdf
9.国内唯一提供产品完全买断服务，一次性买断产品授权，完全不限授权数量，不限授权产品，任意使用。
免费下载大文件上传控件（up6）-OEM版报价单：up6-OEM版-2024.pdf
免费下载大文件上传下载控件（up6+down2）-OEM版报价单：泽优上传下载-OEM版-2024.pdf
10.国内唯一提供产品源代码买断服务，完全买断产品源代码，具有独立自主技术知识产权，满足信创国产化国家战略
免费下载上传下载控件源码版报价单：泽优上传下载-源码版-2024.pdf
11.国内唯一免费提供详细产品比较参数说明，可用于编写招投标要求和参数
免费下载泽优大文件上传控件（up6）产品比较文档：up6-产品比较.pdf
12.满足企业多项目，多产品，多终端，多平台，多技术，多框架等应用场景。
13.完全开源，满足企业100%自主安全可控需求，自主编译，自主发行，自主维护。
14.支持信创国产化，满足政府信息安全需求。
15.适用群体：央企，国企，上市企业，企业集团，政府科研机构
16.标杆案例：中国港湾，中国中车，中国石油，中国石化，长江电力
党政解决方案：党政解决方案.pdf
央企解决方案：央企解决方案.pdf
国防军工解决方案：国防军工解决方案.pdf
档案管理解决方案：档案管理解决方案.pdf
金融行业解决方案：金融解决方案.pdf
地产行业解决方案：房地产解决方案.pdf
工程管理解决方案：工程管理解决方案.pdf
教程解决方案：教育行业解决方案.pdf
医疗行业解决方案：医疗行业解决方案.pdf
广告行业解决方案：广告设计行业.pdf
标杆案例-中国港湾：https://www.ixigua.com/7276384414878958136
标杆案例-中国中车：https://www.ixigua.com/7232111895313023520
标杆案例-中国石油：https://www.ixigua.com/7232111895313023520
标杆案例-中信证券：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
产品比较：up6-产品比较.pdf
白皮书：泽优上传下载-白皮书.pdf
产品源代码文档：大文件上传控件6(up6)-价格-荆门泽优
个人版报价单：up6-个人版-2023.pdf
政企版报价单：大文件上传控件6(up6)-价格-荆门泽优
年费版报价单：大文件上传控件6(up6)-价格-荆门泽优
源码版报价单：泽优上传下载-源码版-2024.pdf
开发文档：up6.2-开发文档.docx
产品源代码：up6-code.zip
授权生成器：up6-lic-app.zip
up6-asp.net-vs2013示例：up6-asp-net: Web大文件上传-asp.net示例 - Gitee.com
up6-net-core示例：泽优软件/up6-net-core
up6-jsp-eclipse示例：up6-jsp-eclipse: Web大文件上传-jsp-eclipse示例 - Gitee.com
up6-jsp-myeclipse示例：up6-jsp-myeclipse: Web大文件上传-jsp-myeclipse示例 - Gitee.com
up6-jsp-springboot示例：up6-jsp-springboot: Web大文件上传-jsp-springboot示例 - Gitee.com
up6-php7-示例：up6-php: Web大文件上传-php示例 - Gitee.com
up6-Discuz插件：up6-discuz: Web大文件上传-discuz插件示例，utf8编码，dz2.x
up6-ExtJS 6示例：泽优软件/up6-extjs6
8650
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
