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

转载于:https://www.cnblogs.com/bhdblogs/p/4045778.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值