深入淺析AjaxFileUpload實現單個檔案的 Ajax 檔案上傳庫_AJAX相關

來源:互聯網
上載者:User

jQuery.AjaxFileUpload.js是一款jQuery外掛程式,用於通過ajax上傳檔案。

文法:

$.ajaxFileUpload([options])

options參數說明:

1、url           上傳處理常式地址。  

2,fileElementId      需要上傳的檔案域的ID,即<input type="file">的ID。

3,secureuri        是否啟用安全提交,預設為false。

4,dataType        伺服器返回的資料類型。可以為xml,script,json,html。如果不填寫,jQuery會自動判斷。

5,success        提交成功後自動執行的處理函數,參數data就是伺服器返回的資料。

6,error          提交失敗自動執行的處理函數。

7,data           自訂參數。這個東西比較有用,當有資料是與上傳的圖片相關的時候,這個東西就要用到了。

8, type           當要提交自訂參數時,這個參數要設定成post

功能特點:

它 不依賴於 特定的HTML , 只要給 它 一個 “ < INPUTTYPE= "file" >

它不需要 你的 伺服器 響應 時指定 任何 特定 方式

可以對大批量檔案進行操作

範例程式碼:

-- Use as little as --$('#one-specific-file').ajaxfileupload({'action': '/upload.php'});-- or as much as --$('input[type="file"]').ajaxfileupload({'action': '/upload.php','params': {'extra': 'info'},'onComplete': function(response) {console.log('custom handler for file:');alert(JSON.stringify(response));},'onStart': function() {if(weWantedTo) return false; // cancels upload},'onCancel': function() {console.log('no file selected');}});

關於AjaxFileUpload實現單個檔案的 Ajax 檔案上傳庫就給大家介紹到這裡,希望對大家有所協助!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.