色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery ajax 上傳進度

謝彥文2年前10瀏覽0評論

jQuery ajax上傳進度是一種實現文件上傳過程中顯示進度的方法。通常,文件上傳過程需要較長時間,如果沒有及時顯示上傳進度,會導致用戶體驗不好。

$.ajax({
xhr: function() {
var xhr = $.ajaxSettings.xhr();
if (xhr.upload) {
xhr.upload.addEventListener('progress', function(evt) {
var percent = Math.floor(evt.loaded / evt.total * 100);
console.log(percent + '%');
}, false);
}
return xhr;
},
type: 'POST',
url: 'upload.php',
data: formData,
processData: false,
contentType: false,
success: function(data) {
console.log('上傳成功!');
},
error: function() {
console.log('上傳失敗!');
}
});

以上就是jQuery ajax上傳進度的主要代碼。在xhr函數中,我們先獲取XMLHttpRequest對象,然后通過添加監聽器,得到上傳進度的百分比,從而實現實時顯示。注意,要開啟FormData對象才能正確上傳文件。

總的來說,jQuery ajax上傳進度是一個相對簡單而又實用的方法,可以提高用戶上傳文件的體驗。