网站首页 > 技术文章 正文
目前主流的几款文件上传控件,以及优缺点,百度上传插件WEB UPLOADER,使用WEBUPLOADER组件实现大文件分片上传,断点续传,百度WEBUPLOADER开源上传控件,百度WEBUPLOADER上传文件夹技术,WEBUPLOADER上传文件夹技术,JS实现文件夹的多线程上传和下载,JS实现文件夹的加密上传和下载,JS怎么实现文件夹的上传和下载,vue实现文件夹的上传和下载,web实现文件夹的上传和下载,网页实现文件夹的上传和下载,dom实现文件夹的上传和下载,html5实现文件夹的上传和下载,JavaScript实现文件夹的上传和下载,JS如何实现文件夹的上传和下载,JS实现文件夹的上传和下载解决方案,百度webuploader实现文件夹的上传和下载,webuploader实现文件夹的上传和下载,JS实现文件夹的上传和下载,WEBUPLOADER上传大文件的三种解决方案,WEBUPLOADER上传大文件的解决方案,WEBUPLOADER上传大文件的方案,百度WEBUPLOADER上传大文件的三种解决方案,百度WEBUPLOADER上传大文件的三种代码,百度WEBUPLOADER上传大文件的三种源码,百度WEBUPLOADER上传大文件的三种源代码,HTML5上传大文件的三种源代码,JavaScript上传大文件的三种源代码,WEBUPLOADER如何实现大文件断点续传、秒传,
百度的webuploader实际上就是用的html5的API,也就是chrome的API,你要问我好不好用,我只能说基本的需求能够凑合着用,至于好不好用就见仁见智了。
现在chrome提供了相关的API,在HTML5中也能够上传文件,不过有限制,每个域名限制了5个TCP连接。用起来不是那么的舒服,也不够灵活,当然也能够满足一般的使用场景。不太复杂的也能够凑合着用。
网上找了一圈,基本上都是一些文章,能用到的产品很少。
有点搞不懂百度这边,产品上面问题一大堆,也联系不到他们的开发团队,感觉他们就没用心做这个产品。之前一个哥们接的一个项目也是用的他们的产品,但是客户那边在用的时候遇到了问题。怎么都联系不到百度的开发团队
前端框架的话VUE2,VUE3,VUE-CLI,React,HTML5都可能用到,看项目需求吧。也不一定,反正不管用哪个框架都是用。
下载这块就不指望了,根本就没提供这块的API,也没有提供代码。
后端的话ASP.NET,JAVA,政府项目JAVA用的多一些,还有JSP的,有些公司有成熟的产品用的是JSP。
但是如果有上传文件夹,文件夹中包含很多文件,比如1万或者10万,这种场景下用起来就不是那么的舒服了,如果单个文件的大小超过10G,比如20G,这种场景下用起来也不是特别的舒服。
还有批量下载的话HTML5的能力也有限,下是能下,但是每下一个文件就需要用户手动确认一下,那比如我要下载100个文件,也需要确认100次,用户不太接受这种方式。
纯JS的方案不多,可选方案不多,基本上只能依造HTML5,HTML5一变基本上就嘎了。可扩展性也不用想了。基本上为零。
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
猜你喜欢
- 2024-11-20 前端入门——html 表单
- 2024-11-20 SpreadJS纯前端表格控件应用案例:项目投资收益管理系统
- 2024-11-20 零基础教你学前端——35、表单 input 控件中的按钮
- 2024-11-20 C# + Blazor Web入门实战:私人笔记(8)创建分类编辑组件
- 2024-11-20 第21天 | 25天学会wxPython,高级组件之多项列表
- 2024-11-20 使用纯前端类Excel表格控件SpreadJS构建企业现金流量表
- 2024-11-20 SpreadJS 纯前端表格控件应用场景:自动化实验报告
- 2024-11-20 SpreadJS 纯前端表格控件新特性 – 打印增强
- 2024-11-20 第27天 | 28天学会PyQt5,高级控件之QListWidget
- 2024-11-20 使用纯前端类Excel表格控件SpreadJS实现在线损益表应用
你 发表评论:
欢迎- 07-10Oracle 与 Google Cloud 携手大幅扩展多云服务
- 07-10分享收藏的 oracle 11.2.0.4各平台的下载地址
- 07-10Oracle 和 Microsoft 推出 Oracle Exadata 数据库服务
- 07-10Oracle Database@Azure 推进到南美等新区域并增加了新服务
- 07-10Oracle宣布推出 Oracle Database@AWS 的有限预览版
- 07-10Oracle与Nextcloud合作,推出主权云上的安全协作平台
- 07-10NodeRED魔改版连接MsSql、PostgreSQL、MySQL、OracleDB存储无忧
- 07-10对于企业数据云备份,“多备份”承诺的是成本更低,管理更高效#36氪开放日深圳站#
- 603℃几个Oracle空值处理函数 oracle处理null值的函数
- 595℃Oracle分析函数之Lag和Lead()使用
- 583℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 580℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 575℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 569℃【数据统计分析】详解Oracle分组函数之CUBE
- 555℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 549℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
-
- Oracle 与 Google Cloud 携手大幅扩展多云服务
- 分享收藏的 oracle 11.2.0.4各平台的下载地址
- Oracle 和 Microsoft 推出 Oracle Exadata 数据库服务
- Oracle Database@Azure 推进到南美等新区域并增加了新服务
- Oracle宣布推出 Oracle Database@AWS 的有限预览版
- Oracle与Nextcloud合作,推出主权云上的安全协作平台
- NodeRED魔改版连接MsSql、PostgreSQL、MySQL、OracleDB存储无忧
- 对于企业数据云备份,“多备份”承诺的是成本更低,管理更高效#36氪开放日深圳站#
- 解读丨《归档文件整理规则》— 电子文件元数据存储
- Data Guard跳归档恢复的实践(dataguard failover)
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端获取当前时间 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)