plupload上传插件绑定事件的两种方法
在经受一天的磨难之后终于找到处理事件方法:
先引用:
<script src="js/plupload.full.min.js" type="text/javascript"></script><!--必需引入-->
<script src="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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。