WebUploader 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
WebUploader 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 BSD
操作系统 跨平台
软件类型 开源软件
开发厂商 百度
地区 国产
提 交 者 缪斯的情人
适用人群 未知
收录时间 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规范组织代码,清晰明了,方便高级玩家扩展。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (11)

加载中
打分: 还行
还行吧,就是在IE8下太容易出问题了
2017/04/28 11:34
回复
举报
来自百度fex团队的web上传组件,支持大文件分片上传和秒传功能!五星推荐 WebUploader
2014/07/15 14:53
回复
举报
已经在使用了,确实不错,顶一个! WebUploader
2014/08/01 09:49
回复
举报
我真的老了,想了一天才想到WebUploader 该如何优雅的使用。
2014/11/02 16:13
回复
举报
支持IE8吗? WebUploader
2014/11/02 16:17
回复
举报
呼呼,耗时几天的时间,终于把WebUploader 勉强掌握好了。个人觉得百度上传控件做得太过先进了,以至于习惯用Uploadify的我一时不习惯写那么多代码。不过呢,功能真的很强大,最主要是支持HTML5模式上传。chrom崩溃从此说再见了。
2014/11/26 00:16
回复
举报
WebUploader 很赞! WebUploader
2014/11/26 00:34
回复
举报
#WebUploader# 有人在使用吗?遇到一个问题。当DIV层是隐藏,然后在显示时。他的绑定事件就失效了。
2015/05/27 14:15
回复
举报
#WebUploader# 还不错。
2015/09/22 16:48
回复
举报
表示android无法上传~ #WebUploader#
2015/10/26 16:17
回复
举报
更多评论
暂无内容
发表了博客
2018/07/03 08:18

webuploader

近日项目中用到了百度的图片上传插件。有很多人第一次估计不知道应该如何使用,下面详细介绍如何将webuploader引入到项目中: 单次支持最大上传300张图片,不得不说功能强大。 官网下载地址:http://fex.baidu.com/webuploader/ 下载下来解压后你会看到如下文件 直接将这个文件夹丢在项目中public/admin/webuploader下 ...

0
0
2014/11/28 10:57

webuploader的使用

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

4
6
发表了博客
2017/10/24 14:10

WebUploader的使用

需下载请上官网 http://fex.baidu.com/webuploader/ <link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="webuploader/webuploader.css"> <h2 align="center" class="page-header">上传视频</h2>   <div class="demo">     <div id="uploadfile">      <!...

0
0
发表了博客
2018/12/11 11:08

webuploader分片上传

屁话不多说直接上主题; webuploader,sj(WebUploader 0.1.6)网上有下 powerUpload.js 自己写的基与楼上的插件 asp.net mvc/Api   实现效果: HTML: <div class="col-sm-5 type_listfile " id="FILELIST"> <div class="panel panel-default"> <div class="panel-heading"> ...

0
0
发表了博客
2018/01/18 18:26

webuploader 小demo

页面写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>web uploader测试</title> </head> <body> <script src="https://cdn.bootcss.com/jquery/1.11.0-rc1/jquery.js"></script> <link rel="stylesheet" type="text/css" href="__PUBLIC__/webup/webuploader.css...

0
0
发表了博客
2019/08/06 09:30

webuploader+上传文件夹

在web项目中上传文件夹现在已经成为了一个主流的需求。在OA,或者企业ERP系统中都有类似的需求。上传文件夹并且保留层级结构能够对用户行成很好的引导,用户使用起来也更方便。能够提供更高级的应用支撑。 数据表结构文件 文件夹数据表结构 文件数据表结构 该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好...

0
0
发表了博客
2019/12/30 17:09

webuploader实现文件上传

在项目开发中需要实现图片上传功能,在网上寻找了很多解决方案,最终决定使用webuploader来实现。改插件的特点是支持拖拽添加文件。 项目中需要使用的文件都在http://fex.baidu.com/webuploader/download.html中的Git项目包中。打开这个页面可以看到: 点击Git项目包下载源代码,找到examples/image-upload目录,demo和需...

0
0
2018/05/21 08:37

WebUploader文件上传插件

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

0
0
发表了博客
2015/04/16 13:14

webuploader + springmvc上传

webuploader + springmvc上传

2
3
发表了博客
2018/12/19 13:46

图片上传组件webuploader

前端组件webuploader 当时也是搞了很久参考这种demo,但是没记、现在事后大致总结下。直接上大概代码(我使用asp.net MVC来做的): 执行顺序:(get)Record/Add——Add.cshtml页面,点击确认上传执行上传图片,可多选——(post)Photo/UploadPhotos,完成图片上传。多图分别执行post接口上传、1张图失败可能不会有提示...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2018/03/08 11:46

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

各位朋友们,你们整合 webuploader 好用吗?为什么我的一直出错呢,两天了没找到病根。 问题一:样式一直不对。(对过一次,是从浏览器上F12中复制代码是对的) 问题二:“选择文件”按钮一直就不是个按钮,点不了。 视图是H-uiadmin,示例中有webuploader,测试也好用,为什么和tp整一起就完蛋了呢?图片如下: 页面显示...

2
0
发表了问答
2016/04/24 21:52

webuploader 上传formData参数, Spring MVC 怎么去接收?

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

2
1
发表了问答
2015/12/10 18:24

webuploader使用 修改图片怎么破

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

5
0
发表了问答
2014/10/09 18:26

webuploader用java实现上传

upload.js 中 // 文件接收服务端。 //server: 'http://webuploader.duapp.com/server/fileupload.php', 官网是php开发,怎么用java

7
5
发表了问答
2015/12/09 22:48

WebUploader的缩略图如何在后台保存以及下次打开页面时如何展示的问题

大家好,我的使用场景如下:(我觉得比较通用) 用户在需要专家帮忙的时候需要填写文字信息以及上传图片 可上传多图,每选择一个图片无需点击“上传”按钮而自动上传 上传成功后,出现缩略图,在右上角有删除的角标 点击缩略图进行大图预览 =======以上内容都已经磕磕绊绊的实现了========= 基本是在Web...

6
0
发表了问答
2014/11/24 22:41

WebUploader可以所有要上传的文件通过一个请求发送吗?

如题,我在github发了issue没有人理,在osc提问下。 我主要是想实现这样一个功能,对几张压缩图片,希望一次请求把压缩后的照片一起上传,创建一条记录。 我仔细看了api,好像没有这样的功能。源码没有认真研究过,不知道好不好实现。

2
0
发表了问答
2016/06/22 15:36

web uploader在IE9下使用多个实例只有第一个可以

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

1
0
发表了问答
2015/05/27 14:26

WebUploader在display none无法运行

踩坑了!刚才发现,我现在设置div为 display:none 。当显示时,上传按钮怎样点击都没效果。 谷歌和github找了好久都没找到解决方法。 好像WebUploader目前也不是很多人在用啊。感觉踩坑了。只能换写法了。

12
2
发表了问答
2016/10/26 19:09

大神们,谷歌浏览器53为什么点击上传图片要等很久

我用webuploader上传图片,以前谷歌浏览器版本没升级之前,一切正常。现在谷歌升级之后,点击上传按钮要等很久才弹出文件选择的弹窗。 其次,我用其他的浏览器,如火狐、IE、遨游等等,均没有这个问题。甚至我断网之后,图片上传仍然反应很快。 我用的是WebUploader 0.1.5

2
0
发表了问答
2016/07/26 11:35

webuploader一次性上传多张图片到后台,后台如何处理

如题,我用webuploader上传图片,后台用springmvc,上传一张时没有问题,但一次性上传多张的时候,后台我就不知道怎么处理了,作为后台我不知道前端传来几张 这是前端页面代码 <script type="text/javascript"> // 图片上传demo jQuery(function() { var $ = jQuery, $list = $('#fileList'), ...

2
2
发表了问答
2016/07/20 17:55

webuploader上传文件

@大叔做web前端 你好,想跟你请教个问题: 我的上传文件有点问题,点击开始上传没有反映也没有进度条求指教: 代码如下: $(function(){ var $list = $('#thelist'); uploader; var uploader = WebUploader.create({ // swf文件路径 swf: 'Uploader.swf', // 文件接收服务端。 server: 'http://webupl...

1
1
发表了问答
2016/07/20 14:15

PHP 用webuploader上传到ftp上,图片被压缩了,导致图片显示不出,下面粘贴了部分代码。求指点。

我用webuploader上传图片到ftp上,webuploader的图片上传方法是自己写的。普通的ftp上传。但传上去后,图片因存在错误而无法显示。原本3,40KB的图片只剩下了1KB左右。搞不明白这是为什么。 $conn_id = ftp_connect($ftp_server) or die("Couldn't connect to $ftp_server"); ftp_login($conn_id, $ftp_user, $ftp_pass)...

1
0
发表了问答
2016/05/24 11:28

使用webuploader上传文件总是出现abort

前端使用webuploader组件,后台代码就是一个简单的servlet处理上传文件,可是总是上传失败,出现那个abort,有说文件大了,我上传一个小的txt文件都不行。 后台根本就不能接受到请求。

6
0
发表了问答
2015/12/02 13:58

webuploader在模态框里不能用

webuploader在display:none和visibility:hidden的情况下点击上传图片的按钮会失效,无法在弹出的模态框里使用,求解决方法!

5
2
发表了问答
2016/05/20 11:51

从后台得到了图片路径(json格式),那么webuploader如何接收这个图片路径,然后显示出来?

java ,从后台得到了图片路径(json格式),那么webuploader如何接收这个图片路径,然后显示出来?

2
0
发表了问答
2016/05/16 17:43

webuploader用springMVC实现上传

大神,快乐急救,如果有案例请给俺一个,请指导一下:webuploader 的js里面有一个服务器地址server:" " , 请问这里服务器地址是不是写控制类的地址??如果一次性上传多张照片,后台应该怎么写方法来接收?

2
0
发表了问答
2016/03/08 21:54

webuploader上传多张图片 请求一次怎么破

@台俊峰 你好,想跟你请教个问题:我在开源中国看到你提问过,webuploader上传多张图片的时候,能否通过一次请求?请问你后来发现解决办法没有?

1
0
发表了问答
2016/03/07 18:28

webuploader怎么用js触发点击事件

如何通过js触发点击绑定webuploader的事件,比如页面上一个控件<input id="a">,绑定了webuploader,直接点击可弹出文件上传选择框,我现在要通过点击另一个input,然后js里触发input a的click事件,但是这样不成功的

1
0
发表了问答
2016/02/20 14:49

用WebUploader上传图片时,设置fileNumLimit为0禁止上传,不生效?

如题,有遇到过的朋友么?你们时怎么解决的。。。

1
0
发表了问答
2015/10/29 13:47

WebUploader 安卓微信上传图片

安卓手机微信浏览器上传JPG图片 显示上传图片成功后在服务器中查看图片字节数为0 IOS一切正常 但是安卓就不行 请问那位知道这是为什么

2
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
11 评论
189 收藏
分享
返回顶部
顶部