plupload上傳外掛程式綁定事件的兩種方法

來源:互聯網
上載者:User

標籤:style   blog   http   color   io   ar   使用   java   sp   

在經受一天的磨難之後終於找到處理事件方法:

先引用:

<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

plupload上傳外掛程式綁定事件的兩種方法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.