AjaxFileUpload如何實(shí)現(xiàn)單個(gè)文件的Ajax文件上傳庫(kù)

這篇文章將為大家詳細(xì)講解有關(guān)AjaxFileUpload如何實(shí)現(xiàn)單個(gè)文件的Ajax文件上傳庫(kù)，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

jQuery.AjaxFileUpload.js是一款jQuery插件，用于通過(guò)ajax上傳文件。

語(yǔ)法：

$.ajaxFileUpload([options])

options參數(shù)說(shuō)明：

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

2，fileElementId　　　　　 需要上傳的文件域的ID，即<input type="file">的ID。

3，secureuri　　　　　　　 是否啟用安全提交，默認(rèn)為false。

4，dataType　　　　　　　 服務(wù)器返回的數(shù)據(jù)類(lèi)型。可以為xml,script,json,html。如果不填寫(xiě)，jQuery會(huì)自動(dòng)判斷。

5，success　　　　　　　　提交成功后自動(dòng)執(zhí)行的處理函數(shù)，參數(shù)data就是服務(wù)器返回的數(shù)據(jù)。

6，error　　　　　　　　　 提交失敗自動(dòng)執(zhí)行的處理函數(shù)。

7，data 　　　　　　　　　 自定義參數(shù)。這個(gè)東西比較有用，當(dāng)有數(shù)據(jù)是與上傳的圖片相關(guān)的時(shí)候，這個(gè)東西就要用到了。

8, type 　　　　　　　　　 當(dāng)要提交自定義參數(shù)時(shí)，這個(gè)參數(shù)要設(shè)置成post

功能特點(diǎn)：

它 不依賴(lài)于 特定的HTML ， 只要給 它 一個(gè) “ < INPUTTYPE= "file" >

它不需要 你的 服務(wù)器 響應(yīng) 時(shí)指定 任何 特定 方式

可以對(duì)大批量文件進(jìn)行操作

示例代碼：

-- 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');
}
});

關(guān)于“AjaxFileUpload如何實(shí)現(xiàn)單個(gè)文件的Ajax文件上傳庫(kù)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。