基本使用方法可以到

基本使用demo

<p class="tip2">注意：该demo把上传的地址设为了一个静态的html页面，所以文件并不会真正的上传到服务器，但这不会影响上传功能的演示！</p>    
	<div class="wraper">    
		<div class="btn-wraper">    
			<input type="button" value="选择文件..." id="browse" />    
			<input type="button" value="开始上传" id="upload-btn" />    
		</div>    
		<ul id="file-list">    
		</ul>    
	</div>       
	<script>    
	var uploader = new plupload.Uploader({ //实例化一个plupload上传对象    
		browse_button : 'browse',    
		url : 'upload.html',    
		flash_swf_url : 'js/Moxie.swf',    
		silverlight_xap_url : 'js/Moxie.xap',    
	});    
	uploader.init(); //初始化    
	//绑定文件添加进队列事件    
	uploader.bind('FilesAdded',function(uploader,files){    
		for(var i = 0, len = files.length; i<len; i++){    
			var file_name = files[i].name; //文件名    
			//构造html来更新UI    
			var html = '<li id="file-' + files[i].id +'"><p class="file-name">' + file_name + '</p><p class="progress"></p></li>';    
			$(html).appendTo('#file-list');    
		}    
	});    
	//绑定文件上传进度事件    
	uploader.bind('UploadProgress',function(uploader,file){    
		$('#file-'+file.id+' .progress').css('width',file.percent + '%');//控制进度条    
	});    
	//上传按钮    
	$('#upload-btn').click(function(){    
		uploader.start(); //开始上传    
	});    
	</script>

文件过滤demo

	<p class="tip1">该demo只允许选取jpg,gif,png,bmp格式的图片文件和rar格式的压缩文件，且文件体积不能超过100Kb，而且不允许选择重复的文件</p>    
	<p class="tip2">注意：该demo把上传的地址设为了一个静态的html页面，所以文件并不会真正的上传到服务器，但这不会影响上传功能的演示！</p>    
	<div class="wraper">    
		<div class="btn-wraper">    
			<input type="button" value="选择文件..." id="browse" />    
			<input type="button" value="开始上传" id="upload-btn" />    
		</div>    
		<ul id="file-list">    
		</ul>    
	</div>       
	<script>    
	var uploader = new plupload.Uploader({ //实例化一个plupload上传对象    
		browse_button : 'browse',    
		url : 'upload.html',    
		flash_swf_url : 'js/Moxie.swf',    
		silverlight_xap_url : 'js/Moxie.xap',    
		filters: {    
		mime_types : [ //只允许上传图片文件和rar压缩文件    
		{ title : "图片文件", extensions : "jpg,gif,png,bmp" },    
		{ title : "RAR压缩文件", extensions : "zip" }    
		],    
		max_file_size : '100kb', //最大只能上传100kb的文件    
		prevent_duplicates : true //不允许队列中存在重复文件    
		}    
	});    
	uploader.init(); //初始化    
	//绑定文件添加进队列事件    
	uploader.bind('FilesAdded',function(uploader,files){    
		for(var i = 0, len = files.length; i<len; i++){    
			var file_name = files[i].name; //文件名    
			//构造html来更新UI    
			var html = '<li id="file-' + files[i].id +'"><p class="file-name">' + file_name + '</p><p class="progress"></p></li>';    
			$(html).appendTo('#file-list');    
		}    
	});    
	//绑定文件上传进度事件    
	uploader.bind('UploadProgress',function(uploader,file){    
		$('#file-'+file.id+' .progress').css('width',file.percent + '%');//控制进度条    
	});    
	//上传按钮    
	$('#upload-btn').click(function(){    
		uploader.start(); //开始上传    
	});    
	</script>

一、配置参数

实例化一个plupload对象时，也就是 new plupload.Uploader()，需要传入一个对象作为配置参数。后面内容中出现的plupload实例均是指new plupload.Uploader()得到的实例对象

filters: {
  mime_types : [ //只允许上传图片和zip文件
    { title : "Image files", extensions : "jpg,gif,png" }, 
    { title : "Zip files", extensions : "zip" }
  ],
  max_file_size : '400kb', //最大只能上传400kb的文件
  prevent_duplicates : true //不允许选取重复文件
}

multipart_params: {
  one: '1',
  two: '2',
  three: { //值还可以是一个字面量对象
    a: '4',
    b: '5'
  },
  four: ['6', '7', '8']  //也可以是一个数组
}

resize: {
  width: 100,
  height: 100,
  crop: true,
  quality: 60,
  preserve_headers: false
}

二、各种事件说明

要了解plupload的运行状况，靠的就是在这些事件了

三、Plupload实例的属性

四、Plupload实例的方法

五、文件对象的属性和方法

在很多事件监听函数中，都会提供文件对象给你

六、QueueProgress 对象的属性

plupload实例的total属性是一个QueueProgress对象

七、plupload命名空间上的一些属性

plupload的命名空间上有一些属性，用来表示一些常量。记住，不是plupload实例的属性，而是plupload的属性