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上传插件绑定事件的两种方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: LINQ系列:LINQ to ADO.N
- 下一篇: BEA-141281 unable to