首页 > 代码库 > plupload上传插件绑定事件的两种方法
plupload上传插件绑定事件的两种方法
在经受一天的磨难之后终于找到处理事件方法:
先引用:
<script src="http://www.mamicode.com/js/plupload.full.min.js" type="text/javascript"></script><!--必需引入-->
<script src="http://www.mamicode.com/js/i18n/zh_CN.js" type="text/javascript"></script><!--显示中文-->
第一种:在标签中直接生成此插件
$("#uploader").plupload({
runtimes: ‘gears,flash,silverlight,browserplus,html5‘,
url: ‘uploadFiles.ashx‘, // 服务端上传路径
max_file_size: ‘500mb‘, // 文件上传最大限制。
chunk_size: ‘1mb‘, // 上传分块每块的大小,这个值小于服务器最大上传限制的值即可。
unique_names: true, // 上传的文件名是否唯一
//直接在标签中初始化插件,,开始
init: {
QueueChanged: function (up)
{
//这是一个文件列表变更事件;些处写事件处理方法;
},//直接在标签中初始化插件,,结束
//// 是否生成缩略图(仅对图片文件有效)
//resize: { width: 320, height: 240, quality: 90 },
//// 这个数组是选择器,就是上传文件时限制的上传文件类型
filters: [{ title: "All files", extensions: "mp3,s48" }
],
// Flash文件 的所在路径
flash_swf_url: ‘/js/Moxie.swf‘,
// silverlight文件所在路径
silverlight_xap_url: ‘/js/Moxie.xap‘
});
第二种方法:
<script> //实例化一个plupload上传对象 var uploader = new plupload.Uploader({ browse_button : ‘browse‘, //触发文件选择对话框的按钮,为那个元素id url : ‘upload.php‘, //服务器端的上传页面地址 flash_swf_url : ‘js/Moxie.swf‘, //swf文件,当需要使用swf方式进行上传时需要配置该参数 silverlight_xap_url : ‘js/Moxie.xap‘ //silverlight文件,当需要使用silverlight方式进行上传时需要配置该参数 }); //在实例对象上调用init()方法进行初始化 uploader.init(); //绑定各种事件,并在事件监听函数中做你想做的事 uploader.bind(‘FilesAdded‘,function(uploader,files){ //每个事件监听函数都会传入一些很有用的参数, //我们可以利用这些参数提供的信息来做比如更新UI,提示上传进度等操作 }); uploader.bind(‘UploadProgress‘,function(uploader,file){ //每个事件监听函数都会传入一些很有用的参数, //我们可以利用这些参数提供的信息来做比如更新UI,提示上传进度等操作 });
必须要注意的是只能在初始化后才可以绑定事件;
以下给出参考连接
http://www.cnblogs.com/2050/p/3913184.html#plupload_doc4
http://www.vkilo.com/plupload.html
plupload上传插件绑定事件的两种方法