Web文件上传模块 Plupload

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>
加载中

评论(8)

MrGC
MrGC
想知道ie8 无法识别什么原因
l
line365
mark #Plupload#
淡蓝色酸味
从介绍看,使用很复杂,望而却步。 #Plupload#
MartinBockZhu
MartinBockZhu
mark #Plupload#
主编
主编
刚在调试#Plupload#的扩展,这个功能在电脑和安卓上的浏览器均正常,到了iPhone就挂,还不输出错误 err.response,查了半天,竟然是调用的某个接口的证书不被Apple信任
changqingx
changqingx
用该插件,在使用QQ浏览器时上传大文件时速度很快,但是用IE 和google就很慢。这个是什么原因? #Plupload#
changqingx
changqingx
用QQ浏览器上传大文件,上传速度很快。 但是用IE 11和google上传文件很慢。为了提高上传的速度,需要对浏览器进行什么设置吗? #Plupload#

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

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

2016/05/30 08:06

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

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

2016/05/16 07:59

没有更多内容

加载失败,请刷新页面

没有更多内容

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

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

2014/05/16 09:09
9
回答
plupload谷歌上传文件打开弹出框很慢,火狐正常

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

2017/03/09 15:09
1
回答
使用plupload上传一个视频刷新页面怎么才能再次获得这个视频并上传

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

2017/06/05 17:44
3
回答
Plupload 上传完成以后如何删除已经的上传的文件?

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

2014/05/15 11:49
1
回答
不同浏览器,用Pupload插件文件上传速率相差很大。

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

2017/02/19 11:14
2
回答
plupload在微信里无法文件太大无法上传

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

2017/02/14 15:14
7
回答
plupload实现文件上传,有些文件后台获取的文件名是blob

plupload文件上传,有些文件上传,后台获取的文件名是blob怎么回事,怎么解决呢 $(function() { $("#uploader").plu...

2015/03/25 17:49
1
回答
plupload的stop()方法和start()方法的问题,求大神指导啊

点击开始的时候可以正常上传,点击暂停之后也可以正常暂停,如图所示: 但是点击开始按钮之后,显示的状态都不会动了,并且显示如图所示,出现了NaN: 但是其实...

2016/06/02 10:54
1
回答
Plupload在上传较大的压缩文件后提示error,小的压缩文件可以上传,求解啊!??
shijacky 的回答 2016/06/01 18:24
最佳答案
用firebug 之类工具看下请求就知道了,应该是超过允许的最大文件了,改下配置,看了你服务端应该是已经报错了

没有更多内容

加载失败,请刷新页面

前端上传组件Plupload使用指南(转发)

我之前写过一篇文章《文件上传利器SWFUpload使用指南》,里面介绍了上传组件SWFUpload的使用方法,但现在随着html5技术的逐渐推广和普及,再去使用以flash为上传手段的SWFUpload显然就有点过...

2018/11/07 10:52
32
0
前端上传组件Plupload使用指南

前端上传组件Plupload使用指南

2015/06/18 13:40
45
0
前端上传组件Plupload(文件上传)——queue_widget

前端上传组件Plupload(文件上传)——queue_widget

2015/08/30 10:55
135
0
jeesite集成plupload上传组件

下面是具体实现和调用的步骤和代码: 1:引入plupload的js和其他的文件,具体可以在网上下载。包括moxie.js moxie.min.js Moxie.swf Moxie.xap plupload.dev.js plupload.full.min.js pluplo...

2016/07/28 17:31
247
0
plupload + SpringBoot 分块上传 + OSS分块上传记录

plupload ,SpringBoot,OSS

2018/05/25 14:25
283
0
详解利用plupload突破HTTP上传限制

plupload 是一款国外的上传开源组件,官方使用PHP作为服务器语言。这篇文章主要介绍plupload的在上传大文件方面的应用。 plupload支持技术: 1:Flash 2:Gears 3:HTML 5 4:Silverlight 5...

2011/12/03 16:33
2.6K
0
plupload 结合springmvc上传完成后界面不跳转问题

利用plupload上传完成后,在mvc后台return值界面一点反应也没有,但是Eclipse控制台会显示已经跳转完成,搞了好长时间没搞定,最后不得换跳转方式,利用plupload带有的几个事件解决了。...

2015/02/13 17:36
256
0
一个很好用的JavaScript的文件上传插件plupload

JavaScript实现文件上传的插件 plupload

2016/06/29 14:35
175
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部