DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 深入淺析AjaxFileUpload實現單個文件的 Ajax 文件上傳庫
深入淺析AjaxFileUpload實現單個文件的 Ajax 文件上傳庫
編輯:AJAX基礎知識     

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 文件上傳庫就給大家介紹到這裡,希望對大家有所幫助!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved