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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM