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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。