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', //触发文件选择对话框的按钮，为那个元素idurl : '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

总结

以上是生活随笔为你收集整理的plupload上传插件绑定事件的两种方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。