WebUploader

文件上传组件
授权协议 BSD
开发语言 JavaScript
所属分类 应用工具、 文件传输工具
软件类型 开源软件
地区 国产
投 递 者 齐振
操作系统 跨平台
开源组织 百度
适用人群 未知
 软件概览

WebUploader 是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,延用原来的FLASH运行时,兼容IE6+,Andorid 4+,IOS 6+。两套运行时,同样的调用方式,可供用户任意选用。

采用大文件分片并发上传,极大的提高了文件上传效率。

特性

分片、并发

分片与并发结合,将一个大文件分割成多块,并发上传,极大地提高大文件的上传速度。当网络问题导致传输错误时,只需要重传出错分片,而不是整个文件。另外分片传输能够更加实时的跟踪上传进度。

预览、压缩

支持常用图片格式jpg,jpeg,gif,bmp,png预览与压缩,节省网络数据传输。 解析jpeg中的meta信息,对于各种orientation做了正确的处理,同时压缩后上传保留图片的所有原始meta数据。

多途径添加文件

支持文件多选,类型过滤,拖拽(文件&文件夹),图片粘贴功能。粘贴功能主要体现在当有图片数据在剪切板中时(截屏工具如QQ(Ctrl + ALT + A), 网页中右击图片点击复制),Ctrl + V便可添加此图片文件。

HTML5 & FLASH

兼容主流浏览器,接口一致,实现了两套运行时支持,用户无需关心内部用了什么内核。同时Flash部分没有做任何UI相关的工作,方便不关心flash的用户扩展和自定义业务需求。

MD5秒传

当文件体积大、量比较多时,支持上传前做文件md5值验证,一致则可直接跳过。如果服务端与前端统一修改算法,取段md5,可大大提升验证性能,耗时在20ms左右。

易扩展、可拆分

采用可拆分机制, 将各个功能独立成了小组件,可自由搭配。采用AMD规范组织代码,清晰明了,方便高级玩家扩展。

  • webuploader 实现 断点续传 webuploader是百度开发的上传文件前端控件。可支持html5和flash,因此对浏览器的兼容比较好。因为需要用到ie8,ie8不支持html5, 所以必须支持flash上传。 断点续传原理: 1)将大分件分片上传,比如每次传送3m。 2)后台在上传完毕后将分片上传的文件合并为一个文件。 技术要求: 1)前端页面支持分件拆分读取。html5是支持的。I

  • //一个div用来存放文件上传时的信息   //一个div用来存放上传相关的按钮   <link rel="stylesheet" type="text/css" href="./web-uploader/webuploader.css" />   <!--<script style="text/javascript" src="./jQuery/jquery-2.2.3.min.js"></sc

 相关资料
  • 本文向大家介绍jquery组件WebUploader文件上传用法详解,包括了jquery组件WebUploader文件上传用法详解的使用技巧和注意事项,需要的朋友参考一下 WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件,下文来为各位演示一下关于jquery WebUploader文件上传组件的用法。 使用WebUpl

  • 本文向大家介绍基于WebUploader的文件上传js插件,包括了基于WebUploader的文件上传js插件的使用技巧和注意事项,需要的朋友参考一下 首先把地址甩出来,http://fex-team.github.io/webuploader/  里面有比较完整的demo案例文档,本文主要是基于文件上传和图片上传增加了大量的注释,基本保证了每行代码都有注释以助于理解,是对官网demo的增强版,希

  • 本文向大家介绍WebUploader+SpringMVC实现文件上传功能,包括了WebUploader+SpringMVC实现文件上传功能的使用技巧和注意事项,需要的朋友参考一下 WebUploader是由Baidu团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥html5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6

  • 本文向大家介绍快速掌握jQuery插件WebUploader文件上传,包括了快速掌握jQuery插件WebUploader文件上传的使用技巧和注意事项,需要的朋友参考一下 文件上传是网站和 Web 应用程序的常用功能,一直没有一款完美的文件上传组件,因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主,FLASH 为辅的

  • swoole提供了文件上传模块,可以自动处理来自HTTP POST的文件上传。在Controller中调用 $this->upload->save('Upfile_key'); //需要生成缩略图 $this->upload->thumb_width = 136; //缩略图宽度 $this->upload->thumb_height = 136; //缩略图高度 $this->upload->t

  • 本文向大家介绍ASP.NET webUploader上传大视频文件相关web.config配置,包括了ASP.NET webUploader上传大视频文件相关web.config配置的使用技巧和注意事项,需要的朋友参考一下 在webuploader上传大文件时必须配置一下,不然请求后台处理程序时,会请求超时。出现404! 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,

  • 本文向大家介绍百度多文件异步上传控件webuploader基本用法解析,包括了百度多文件异步上传控件webuploader基本用法解析的使用技巧和注意事项,需要的朋友参考一下 双核浏览器下在chrome内核中使用uploadify总有302问题,也不知道如何修复,之所以喜欢360浏览器是因为帮客户控制渲染内核:  若页面需默认用极速核,增加标签:<meta name="renderer" cont

  • 问题内容: 我一直在到处寻找有关制作组件的帮助,以帮助管理从React到我已设置的端点的文件上传。 我尝试了许多选项,包括集成filedropjs。我决定反对,因为我无法控制它在DOM中设置的元素 这是我到目前为止的内容: 如果有人可以将我指向正确的方向,我会发送一些虚拟的拥抱。我已经对此进行了广泛的研究。我觉得我已经接近了,但还没到那儿。 谢谢! 问题答案: 我也为此工作了一段时间。这是我想出的