文件上传组件 WebUploader

BSD
JavaScript 查看源码»
跨平台
百度
2014-07-15
缪斯的情人

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规范组织代码,清晰明了,方便高级玩家扩展。

的码云指数为
超过 的项目
加载中

评论(12)

onetwofree
onetwofree
HTML5upload(http://www.html5upload.com)是基于html5技术的,由jquery把上传逻辑封装起来的支持断点续传上传jquery插件。无需安装任何插件,只要浏览器支持html5技术即可实现断点续传上传。同时本软件支持跨域上传,支持获取本地文件的md5值,在上传后可以与服务器端文件就行md5校验。本软件不支持ie6、ie7、ie8、ie9,如需支持ie(6-9)请使用silverupoad断点续传控件(http://www.silverupload.cn)。
无意苦争春
无意苦争春
还行吧,就是在IE8下太容易出问题了
金拱门
金拱门
太久没玩#WebUploader#了,我都差不多忘记他的用法了。
悟空o邓林森
悟空o邓林森
表示android无法上传~ #WebUploader#
Jack_Q
Jack_Q
#WebUploader# 还不错。
金拱门
金拱门
#WebUploader# 有人在使用吗?遇到一个问题。当DIV层是隐藏,然后在显示时。他的绑定事件就失效了。
share_code
share_code
WebUploader 很赞! WebUploader
金拱门
金拱门
呼呼,耗时几天的时间,终于把WebUploader 勉强掌握好了。个人觉得百度上传控件做得太过先进了,以至于习惯用Uploadify的我一时不习惯写那么多代码。不过呢,功能真的很强大,最主要是支持HTML5模式上传。chrom崩溃从此说再见了。
无聊的人啊
无聊的人啊
支持IE8吗? WebUploader
金拱门
金拱门
我真的老了,想了一天才想到WebUploader 该如何优雅的使用。

暂无资讯

2
回答
thinkphp整合webuploader选择按钮不好用,样式也不对

各位朋友们,你们整合 webuploader 好用吗?为什么我的一直出错呢,两天了没找到病根。 问题一:样式一直不对。(对过一次,是从浏览器上F12中复制...

2018/03/08 11:46
2
回答
webuploader 上传formData参数, Spring MVC 怎么去接收?

前端是用WebUploader写的一个上传,然后里面有 formData 参数 ,后台是用Spring MVC 写的, 怎么去接收这个formDate的值呢

2016/04/24 21:52
5
回答
webuploader使用 修改图片怎么破

webuploader上传的图片修改应该怎么做(删除图片重新选择上传)

2015/12/10 18:24
7
回答
webuploader用java实现上传

upload.js 中 // 文件接收服务端。 //server: 'http://webuploader.duapp.com/server/fileup...

2014/10/09 18:26
6
回答
WebUploader的缩略图如何在后台保存以及下次打开页面时如何展示的问题

大家好,我的使用场景如下:(我觉得比较通用) 用户在需要专家帮忙的时候需要填写文字信息以及上传图片 可上传多图,每选择一个图片无需点击“上传”按钮而自动上...

2015/12/09 22:48
2
回答
WebUploader可以所有要上传的文件通过一个请求发送吗?

如题,我在github发了issue没有人理,在osc提问下。 我主要是想实现这样一个功能,对几张压缩图片,希望一次请求把压缩后的照片一起上传,创建一条记...

2014/11/24 22:41
1
回答
web uploader在IE9下使用多个实例只有第一个可以

页面就是上面这样的,在谷歌,火狐下面都是可以使用的 在IE9下报这个错误

2016/06/22 15:36
12
回答
WebUploader在display none无法运行
说吧空间 的回答 2016/03/09 14:52
最佳答案
我知道一个解决的办法 position: absolute; opacity: 0; filter:Alpha(opacity=0); http://www.jb51.net/web/73987.html 这样就可以点击了啊,不要用display:none;
2
回答
大神们,谷歌浏览器53为什么点击上传图片要等很久

我用webuploader上传图片,以前谷歌浏览器版本没升级之前,一切正常。现在谷歌升级之后,点击上传按钮要等很久才弹出文件选择的弹窗。 其次,我用其他的...

2016/10/26 19:09
2
回答
webuploader一次性上传多张图片到后台,后台如何处理
studyforjava 的回答 2016/07/26 15:13
最佳答案
自己傻逼了,本来就不存在说一次性上传多个文件会有问题的情况,其实就是webuploader如果是一次性上传多个,它还是按照一个一个上传,不会一下子全交给后台,后台处理也是当作前端传来一个文件去处理,所以代码回退到能上传一个的情况,自然解决了一次性上传多个。 但是重要的一点,我这样写的代码是事先...

没有更多内容

加载失败,请刷新页面

Yii2上传多图

yii2-webuploader https://github.com/bailangzhan/yii2-webuploader js配置 : WebUploader http://fex.baidu.com/webuploader/doc/index.html#WebUploader_Uploader......

2018/11/12 12:46
42
0
jquery上传组件

jquery file upload

2015/06/04 09:04
170
0
webuploader的使用

webuploader html5 文件预览 压缩 判断 上传

2014/11/28 10:57
41.6K
4
妈蛋:kinMaxShow轮播图异常,WebUploader图片上传坑爹,图片被压缩了

今天晚上在改造轮播图。 原来的代码是这样的: <div> <img src="${static}/image/index/banner/`.jpg" /> </div> <div> <img src="${static}/image/index/banner/2.jpg" /> </div> <div> <i...

2015/04/13 12:37
17
0
妈蛋:kinMaxShow轮播图异常,WebUploader图片上传坑爹,图片被压缩了

今天晚上在改造轮播图。 原来的代码是这样的: <div> <img src="${static}/image/index/banner/`.jpg" /> </div> <div> <img src="${static}/image/index/banner/2.jpg" /> </div> <div> <i...

2015/04/13 15:06
26
0
web uploader上传图片

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运...

2014/12/26 15:18
319
0
ASP.NET MVC4使用JCrop裁剪图片并上传

需要用到的jquery插件Jcrop 、Jquery.form 百度webuploader插件( http://fex.baidu.com/webuploader/ ) 引用下载好的css和js文件 <link href="@Url.Content("~/Scripts/Jcrop/jquery.Jcrop...

2018/07/20 21:38
31
0
使用Web Uploader实现多文件上传

引入资源 使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF。 <!--引入CSS--> <link rel="stylesheet" type="text/css" href="webuploader文件夹/webuploader.css"> <!--引入JS--> <...

2015/04/15 23:58
32.1K
0
jeecg使用总结一

列表展示页:如果显示字段是字典表,在jsp中使用el表达式,使用jeecg时通过下面的方式即可: 添加,修改页面中字典表的展示:在生成jsp时,设置字典code有时会报错,po.dictTable找不到,加上...

2018/06/26 11:53
15
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部