Jquery是現今最為流行的JavaScript工具庫之一。它能夠省去我們寫JS的大量代碼,使得我們能用更少的代碼處理更多的邏輯。在Web應用程序中,我們常常需要上傳文件這一功能。如果我們需要上傳大文件時,上傳請求可能會在很長一段時間內阻塞頁面。這時候Jquery異步上傳就很有用了。
在異步上傳中,上傳進程不會阻塞頁面,同時可以在后臺進行數據處理。這樣,用戶就不必等待太久了。下面我們可以看看一個Jquery異步上傳的示例代碼,它使用了form-data來異步上傳文件。
$('#form').submit(function(event) {
event.preventDefault();
var formData = new FormData($(this)[0]);
$.ajax({
url: '/upload',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function(resp) {
console.log(resp);
},
error: function(xhr, status, error) {
console.log(error);
}
});
return false;
});
以上代碼中,我們使用了
總而言之,Jquery異步上傳使得文件上傳功能更加可控,同時避免了上傳過程中頁面被阻塞的問題。在Jquery的幫助下,這一過程變得更為簡單易行。
上一篇jquery 圖片全屏
下一篇jquery 合計