JQuery ajaxupload是JQuery的一個(gè)插件，它可以通過Ajax技術(shù)上傳文件。AjaxUpload是一種非阻塞異步上載方法，它采用javascript插件技術(shù)，可以在不刷新整個(gè)頁(yè)面的情況下上傳文件。

使用jQuery ajaxupload插件可以很方便的完成文件上傳功能，下面我們來(lái)看一下怎么使用它。

<form enctype="multipart/form-data" method="post">
在Html頁(yè)面中，我們可以如上面代碼一樣編寫，其中input標(biāo)簽type屬性為file就可以上傳文件，input標(biāo)簽的id為file是為了在Javascript中獲取input內(nèi)容的時(shí)候做準(zhǔn)備工作。為了讓用戶知道文件上傳進(jìn)度，需要一個(gè)
標(biāo)簽做上傳進(jìn)度顯示。接下來(lái)看JavaScript代碼。
$(document).ready(function() {
$('#upload').click(function() {
$("#progress").html('上傳中...');
$.ajaxFileUpload({
url: 'upload.php', //用于文件上傳的服務(wù)器端請(qǐng)求地址
secureuri: false, //是否開啟安全提交，默認(rèn)為false
fileElementId: 'file', //文件選擇框的id屬性
dataType: 'json', //服務(wù)器返回的數(shù)據(jù)類型
success: function(data, status) {
if(typeof(data.success) != 'undefined') {
if(data.success == true) {
$("#progress").html('上傳成功！');
} else {
$("#progress").html('上傳失??！');
}
}
},
error: function(data, status, e) {
$("#progress").html('上傳失敗，錯(cuò)誤信息：' + e);
}
});
});
});
使用jQuery ajaxupload插件，我們需要在Javascript中寫上上面的代碼。其中，我們需要在click事件中添加上傳操作，通過jQuery ajaxupload實(shí)現(xiàn)文件上傳功能。該函數(shù)的參數(shù)很多，在這里就不一一詳細(xì)說(shuō)明。函數(shù)成功調(diào)用后，會(huì)返回一條json數(shù)據(jù)。通過這個(gè)數(shù)據(jù)可以知道文件上傳的狀態(tài)，從而做下一步處理。
在html頁(yè)面上加上javascript函數(shù)，在這里我們用jQuery的代碼實(shí)現(xiàn)，在函數(shù)中執(zhí)行了一個(gè)ajaxFileUpload函數(shù)來(lái)完成文件上傳操作，成功后根據(jù)返回?cái)?shù)據(jù)判斷上傳狀態(tài)，并做相應(yīng)提示處理。
以上就是關(guān)于jQuery ajaxupload的使用方法。
上一篇jquery ajaxsubmit源碼
下一篇外聯(lián)css怎么使用