Plupload 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Plupload 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 GPLv2
开发语言 JavaScript ActionScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 不详
提 交 者 红薯
适用人群 未知
收录时间 2010-02-10

软件简介

Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

示例代码:

<!-- Load Queue widget CSS and jQuery -->
<style type="text/css">@import url(css/plupload.queue.css);</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load("jquery", "1.3");
</script>

<!-- Thirdparty intialization scripts, needed for the Google Gears and BrowserPlus runtimes -->
<script type="text/javascript" src="/plupload/js/gears_init.js"></script>
<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script>

<!-- Load plupload and all it's runtimes and finally the jQuery queue widget -->
<script type="text/javascript" src="/plupload/js/plupload.full.min.js"></script>
<script type="text/javascript" src="/plupload/js/jquery.plupload.queue.min.js"></script>

<script type="text/javascript">
// Convert divs to queue widgets when the DOM is ready
$().ready(function() {
	$("#uploader").pluploadQueue({
		// General settings
		runtimes : 'gears,flash,silverlight,browserplus,html5',
		url : 'upload.php',
		max_file_size : '10mb',
		chunk_size : '1mb',
		unique_names : true,

		// Resize images on clientside if we can
		resize : {width : 320, height : 240, quality : 90},

		// Specify what files to browse for
		filters : [
			{title : "Image files", extensions : "jpg,gif,png"},
			{title : "Zip files", extensions : "zip"}
		],

		// Flash settings
		flash_swf_url : '/plupload/js/plupload.flash.swf',

		// Silverlight settings
		silverlight_xap_url : '/plupload/js/plupload.silverlight.xap'
	});

	// Client side form validation
	$('form').submit(function(e) {
		var uploader = $('#uploader').pluploadQueue();

		// Validate number of uploaded files
		if (uploader.total.uploaded == 0) {
			// Files in queue upload them first
			if (uploader.files.length > 0) {
				// When all files are uploaded submit form
				uploader.bind('UploadProgress', function() {
					if (uploader.total.uploaded == uploader.files.length)
						$('form').submit();
				});

				uploader.start();
			} else
				alert('You must at least upload one file.');

			e.preventDefault();
		}
	});
});
</script>

...

<form ..>
	<div id="uploader">
		<p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
	</div>
</form>
展开阅读全文

评论 (9)

加载中
mark
07/31 09:54
回复
举报
想知道ie8 无法识别什么原因
2019/02/12 11:00
回复
举报
mark #Plupload#
2017/03/02 12:46
回复
举报
2014/12/19 14:22
回复
举报
从介绍看,使用很复杂,望而却步。 #Plupload#
2015/06/05 08:27
回复
举报
mark #Plupload#
2016/02/12 22:43
回复
举报
刚在调试#Plupload#的扩展,这个功能在电脑和安卓上的浏览器均正常,到了iPhone就挂,还不输出错误 err.response,查了半天,竟然是调用的某个接口的证书不被Apple信任
2016/07/20 13:51
回复
举报
用该插件,在使用QQ浏览器时上传大文件时速度很快,但是用IE 和google就很慢。这个是什么原因? #Plupload#
2016/12/16 16:29
回复
举报
用QQ浏览器上传大文件,上传速度很快。 但是用IE 11和google上传文件很慢。为了提高上传的速度,需要对浏览器进行什么设置吗? #Plupload#
2016/12/16 16:31
回复
举报
更多评论
发表了资讯
2016/05/30 00:00

Plupload v2.1.9 发布,Web 文件上传模块

Plupload v2.1.9 发布了。本次更新主要是mOxie升级到v1.3.5。 Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。 下载地址: Source code (zip) Source code (tar.gz)

2
78
发表了资讯
2016/05/16 00:00

Plupload v2.1.9 发布,Web 文件上传模块

Plupload v2.1.9 发布了。本次更新主要是mOxie升级到v1.3.5。 Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。 下载地址: Source code (zip) Source code (tar.gz)

9
87
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2016/11/09 15:28

plupload

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>Plupload上传插件中文帮助文档</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="ws-wrap main"> <div class="articles pull-left"> ...

0
0
发表了博客
2014/05/04 14:39

plupload上传

来源:http://asyty.iteye.com/blog/1230119/ 最近需要用到jquery文件上传插件,发现plupload这东西挺好的,奈何后台代码是php,tomcat得配置php才能跑起来,于是稍微研究了下,改成了java代码 plupload的特色是 1、可以配置chunk,将一个大文件分成许多小文件上传,后台通过php合并成大文件,这里通过相应的java代码 2、...

0
0
发表了博客
2014/02/18 09:04

在.Net中使用Plupload

最近弄项目需要一个异步的图片上传图片组件,首先选择了swfupload,但是在使用中发现火狐下莫名其妙的会丢失Session(不使用global.asax的情况下,没有找到完美的解决方案),后来找到了Plupload,便去了解了一下。 Plupload官网:http://www.plupload.com 它是一个开源组件!功能的确很强大! 它主要功能是多文件上传,...

0
0
发表了博客
2019/08/05 10:46

plupload上传整个文件夹

大容量文件上传早已不是什么新鲜问题,在.net 2.0时代,HTML5也还没有问世,要实现这样的功能,要么是改web.config,要么是用flash,要么是用一些第三方控件,然而这些解决问题的方法要么很麻烦,比如改配置,要么不稳定,比如文件上G以后,上传要么死掉,要么卡住,通过设置web.config并不能很好的解决这些问题。 这是一...

0
0
发表了博客
2019/05/17 17:14

vue plupload 的使用

1. 首选npm安装plupload 2. 阿里云OSS PHP 安全上传 <template> <div class="imgUpload"> aaa <br> <div id="ossfile">你的浏览器不支持flash,Silverlight或者HTML5!</div> <div id="container"> <a id="selectfiles" href="javascript:void(0);" class="btn">选择文件</a> <a ...

0
0
发表了博客
2019/05/21 15:53

关于Plupload上传插件的使用方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Plupload使用指南</title> 6 <!-- 首先需要引入plupload的源代码 --> 7 <script src="js/plupload.full.min.js"></script> 8 </head> 9 <body> 10 <!-- 这里我们只使用最基本的html结构:一个选择文件的按...

0
0
发表了博客
2018/02/25 11:23

plupload上传视频插件jQuery+php

我在网上找到一个很好的视频上传插件,经过我的一些整理、补充,在这里分享给大家。 这个视频插件是新浪微博plupload上传视频插件,支持格式有mpg,m4v,mp4,flv,3gp,mov,avi,rmvb,mkv,wmv等等。本插件的视频上传分两步,首先选择文件,然后点击上传按钮开始上传。 视频上传界面如下: 视频上传中界面: 视频上传成功后界面...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2016/11/30 10:05

plupload在安卓设备中上传图片,无法选择文件浏览器中的图片

无法选中

6
0
发表了问答
2014/05/16 09:09

plupload 上传后怎么返回值给前台

用plupload批量上传,但是上传后怎么返回上传后的名称给前台,弄的我郁闷死了

1
0
发表了问答
2017/03/09 15:09

plupload谷歌上传文件打开弹出框很慢,火狐正常

plupload谷歌上传文件打开弹出框很慢,火狐正常。

9
0
发表了问答
2017/06/05 17:44

使用plupload上传一个视频刷新页面怎么才能再次获得这个视频并上传

我用plupload在一个页面上传了一个视频,有一个需求要刷新这个页面,刷新后怎么才能拿到之前上传的视频并添加到上传队列。(tips,能够保存之前的文件对象 ,这个有用吗?)

1
0
发表了问答
2014/05/15 11:49

Plupload 上传完成以后如何删除已经的上传的文件?

Plupload 上传完成以后如何删除已经的上传的文件?

3
0
发表了问答
2017/02/19 11:14

不同浏览器,用Pupload插件文件上传速率相差很大。

用Pupload该插件,在使用QQ浏览器时上传大文件时速度较快快,但是用IE 或者google就很慢。这个是什么原因?QQ浏览器或者猎豹浏览器用了什么加速机制吗

1
0
发表了问答
2017/02/14 15:14

plupload在微信里无法文件太大无法上传

plupload在微信里无法文件太大无法上传

2
0
发表了问答
2015/03/25 17:49

plupload实现文件上传,有些文件后台获取的文件名是blob

plupload文件上传,有些文件上传,后台获取的文件名是blob怎么回事,怎么解决呢 $(function() { $("#uploader").pluploadQueue({ runtimes : 'html5,flash,silverlight,html4', url : '${ctx}/upload.do?method=fileUploadAndJpg', chunk_size : '1mb', rename : true, dragdrop : true, filters : { max_file_size : '1...

7
0
发表了问答
2016/06/02 10:54

plupload的stop()方法和start()方法的问题,求大神指导啊

点击开始的时候可以正常上传,点击暂停之后也可以正常暂停,如图所示: 但是点击开始按钮之后,显示的状态都不会动了,并且显示如图所示,出现了NaN: 但是其实还是在正常上传的,只是显示的问题,因为过一会就出现了100%,如图: .只有在文件上传的过程中,即一个文件没有上传完的时候点击暂停会出现这种情况,多个文件上传之间点击暂...

1
0
发表了问答
2016/06/01 18:06

Plupload在上传较大的压缩文件后提示error,小的压缩文件可以上传,求解啊!??

html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="./js/jquery.plupload.queue/css/jquery.plupload.queue.css"> </head> <body> <!-- Instantiating: --> <div id="uploader"> <p>Your browser doesn't have Flash, Silverlight or HT...

1
0
发表了问答
2016/05/20 18:39

限制上传文件格式后报错

限制上传文件格式后报错

1
0
发表了问答
2016/04/05 23:49

Plupload 后台怎么获取上传的文件名呢?​

@王爵 你好,想跟你请教个问题: Plupload 后台怎么获取上传的文件名呢?

2
0
发表了问答
2016/02/10 11:52

Plupload怎么做md5检测,即服务器又相同文件可以实现秒传效果

Plupload怎么做md5检测,即服务器又相同文件可以实现秒传效果

1
0
发表了问答
2016/01/12 09:40

如何获得上传文件在客户端的地址

在文件上传前需要对文件进行加密,所以需要文件路径,但是通过plupload的文件只能获取文件名,不能获取路径

1
0
发表了问答
2014/06/18 17:37

plupload 怎么实现单文件上传

怎么可以实现只能上传一个文件,或者当文件added 时,disabled browser 按钮

1
0
发表了问答
2015/02/06 14:38

plupload上传多个文件,如何获取上传后的文件名

我用plupload上传文件成功,但是如何获取上传后的文件名呢?

1
0
发表了问答
2015/01/23 12:50

plupload在IE下分片失效?

我用plupload来上传大文件,谷歌下可以正常分片。 但是在ie下,后台获取chunk和chunks参数为null,这是什么原因?

3
0
发表了问答
2014/09/26 11:10

plupload在IE8下面点击选择文件 SCRIPT601: 未知的运行时错误

plupload在IE8下面点击选择文件 SCRIPT601: 未知的运行时错误, 错误信息 plupload.full.min.js, 行15 字符10326 求解

2
0
发表了问答
2015/04/24 15:26

Plupload flash 不支持高版本IE的兼容模式

Plupload flash 不支持高版本IE的兼容模式,错误显示 return I.getShim().exec(this.uid, component, action, args); 应该是插件BUG,有谁知道如何解决

4
0
发表了问答
2015/03/03 15:03

一个jsp页面中可不可以使用多个plupload?

项目中用的是spring+mybatis。上传的文件有好几类,每一类中有可能有好多的文件(可能是图片,文档),可不可以在一个jsp中使用多个plupload呢?怎么在后台的controll类中获取这些上传的文件?

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