首頁 > web前端 > js教程 > 深入淺析AjaxFileUpload實作單一檔案的 Ajax 檔案上傳庫

深入淺析AjaxFileUpload實作單一檔案的 Ajax 檔案上傳庫

韦小宝
發布: 2018-01-10 09:55:38
原創
1638 人瀏覽過

jQuery.AjaxFileUpload.js是一款jQuery插件,用於透過ajax上傳檔。本文為大家介紹AjaxFileUpload實作單一檔案的Ajax 檔案上傳函式庫,對此有興趣的朋友一起學習吧

jQuery.AjaxFileUpload.js是一款jQuery插件,用於透過ajax上傳文件。

語法:

$.ajaxFileUpload([options])
登入後複製

#options參數說明:

1、url           上傳處理程序位址。  

2,fileElementId      需要上傳的檔案域的ID,即的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 --
$(&#39;#one-specific-file&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;
});
-- or as much as --
$(&#39;input[type="file"]&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;,
&#39;params&#39;: {
&#39;extra&#39;: &#39;info&#39;
},
&#39;onComplete&#39;: function(response) {
console.log(&#39;custom handler for file:&#39;);
alert(JSON.stringify(response));
},
&#39;onStart&#39;: function() {
if(weWantedTo) return false; // cancels upload
},
&#39;onCancel&#39;: function() {
console.log(&#39;no file selected&#39;);
}
});
登入後複製

關於AjaxFileUpload實作單一檔案的Ajax 檔案上傳庫就給大家介紹到這裡,希望對大家有幫助!解決參數過長無法提交成功如何解決

Ajax提交Form表單頁面仍會刷新j解決方案

#

以上是深入淺析AjaxFileUpload實作單一檔案的 Ajax 檔案上傳庫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板