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

时间: 2024-07-28 20:06:08

plupload上传插件绑定事件的两种方法的相关文章

upload控件上传json文件合并的两种方法

方法一: byte[] byte1 = FileUpload1.FileBytes; byte[] byte2 = FileUpload2.FileBytes; byte[] a1 = Encoding.UTF8.GetBytes("["); byte[] a2 = Encoding.UTF8.GetBytes(","); byte[] a3 = Encoding.UTF8.GetBytes("]"); byte[] totalaa = new

Plupload 上传插件 使用指南 (二)jquery

项目中用到改上传插件,因此抽了一晚上事件把列子和文档看了一下,翻译过来,如有错误的翻译请帮助我一起纠正谢谢. 介绍: Plupload是有TinyMCE的开发者开发的,为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件.Plupload 目前分为一个核心API 和一个jQuery上传队列部件,这样使你可以直接使用或是自己定制. 特性: 注释:1.gears:http://zh.wikipedia.org/wiki/Gears 2.Silverlight:http://zh.wikipe

Plupload 上传插件 使用指南 jquery

Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件,简单易用且功能强大,我们完全可以使用Plupload来代替以前的SWFUpload. Plupload有以下功能和特点: 1.拥有多种上传方式:HTML5.flash.silverlight以及传统的<input type=”file” />.Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式.所以你完全不用去操心当前的浏览器支持哪些 上传方式,Plupload会自动为你选择最合

plupload上传插件在SpringMVC中的整合

前言:最近在给学院的网站做一个添加附件的功能,首先到了某某邮箱看了一下,简单实用,但是是flash做的,无法拷贝,就只好上网找插件了.经过筛选,终于找到plupload这款插件(事实上有的编辑器自带添加附件功能).官网只有PHP版本,后来各种百度谷歌,找到的资料都用点小问题,拼搏一天终于实现了功能,下面就把遇到的问题和重点部分写出来,希望遇到同样问题的同学可以参考. 首先你需要下载plupload插件,下载地址:http://www.plupload.com/download/ JSP页面配置如

从Windows上传文件到Ubuntu的一种方法

由于学习需要,需要从Windows操作系统上传文件到Ubuntu中,度娘上的方法很多,这只是其中一种--借助WinSCP软件,优点:软件易于安装.整体操作非常简单.不说了,先上文.. 1.安装WinSCP  软件下载地址:http://rj.baidu.com/soft/detail/15150.html?ald 2.通过命令:ifconfig  在Ubuntu上查看IP地址: 3.在Windows操作系统上打开winSCP软件,登录winSCP 4.登录winSCP之后在windows和Ubu

图片上传前预览,两种方式可实现

表单提交,前端html: <img id="avatar" style="width: 220px;height: 230px;" alt="image" src="__AVATAR__/boy.png"/> <input id="image" name="image" type="file" style="display: none&qu

jQuery中绑定事件的几种方法

以click事件为例,jQuery中绑定事件有三种方法: (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已 第二.三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其

本地文件上传到Linux服务器的几种方法

本文介绍几种常见的方法,把文件上传到Linux服务器中! 常见有使用:scp命令.xshell软件里的xftp程序.U盘挂载.服务器自带的lrzsz程序. 一.scp使用说明: 1.把本机的文件传给目的服务器: scp get66.pcap [email protected]:/super 备注:把本机get66.pcap拷贝到147这台服务器的super目录下,需要提供147的密码 2.在本机上执行scp,把远端的服务器文件拷贝到本机上: scp [email protected]:/supe

DataTable的筛选,过滤后绑定数据源的两种方法(DataTable的select和使用linq返回List集合)

一般数据处理使用DataTable的情况会很多,而我们很多时候会对得到的DataTable的数据进行筛选后绑定到Combobox.GridView.Repeat等控件中,现在分享一下两种DataTable在C#程序中的筛选处理方式. 我们先手动创建一个DataTable  DataTable dt=new DataTable(); DataColumn dtc = new DataColumn("id",typeof(string));            dt.Columns.Ad