现在基本上纯前端的话大多数是用的HTML5,如果数据量大追求稳定性的话就得用插件。网上基本上很多是用的HTML5,特殊领域,内网项目的话用插件多一些。
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