var uploader = new plupload.Uploader({ runtimes: 'html5,flash,silverlight,html4',//用來指定上傳方式,指定多個上傳方式請使用逗號隔開。 browse_button: 'browse',//觸發文件選擇對話框的按鈕,為那 ...
1 var uploader = new plupload.Uploader({ 2 3 runtimes: 'html5,flash,silverlight,html4',//用來指定上傳方式,指定多個上傳方式請使用逗號隔開。 4 browse_button: 'browse',//觸發文件選擇對話框的按鈕,為那個元素id 5 container: container, //用來指定Plupload所創建的html結構的父容器,預設為前面指定的browse_button的父元素。該參數的值可以是一個元素的id,也可以是DOM元素本身。 6 max_file_size: '10mb',//最大上傳文件 7 url: url,//伺服器端接收和處理上傳文件的腳本地址,可以是相對路徑(相對於當前調用Plupload的文檔),也可以是絕對路徑 8 9 flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf', 10 silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap', 11 filters: [{ 12 title: "Image files", 13 extensions: "jpg,gif,png" 14 }], 15 16 init: { 17 //當Init事件發生後觸發 18 PostInit: function() { 19 20 }, 21 22 //綁定各種事件,併在事件監聽函數中做你想做的事 23 FilesAdded: function(up, files) { 24 25 }, 26 //當隊列中的某一個文件正要開始上傳前觸發 27 BeforeUpload: function(up, file) { 28 29 }, 30 //會在文件上傳過程中不斷觸發,可以用此事件來顯示上傳進度 31 UploadProgress: function(up, file) { 32 33 34 }, 35 //當隊列中的某一個文件上傳完成後觸發 36 FileUploaded: function(up, file, info) { 37 38 if (info.status == 200) { 39 //success 40 41 } else if (info.status == 203) { 42 43 console.log(info); 44 } else { 45 46 console.log(info); 47 } 48 //上傳完成 刪除圖片 49 //下次點擊才能上傳 50 uploader.removeFile(file); 51 }, 52 //當發生錯誤時觸發 53 Error: function(up, err) { 54 if (err.code == -600) { 55 56 57 } else if (err.code == -601) { 58 59 60 } else if (err.code == -602) { 61 62 63 } else { 64 65 66 } 67 } 68 } 69 }); 70 71 uploader.start();//上傳