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上傳進度是一個相對簡單而又實用的方法,可以提高用戶上傳文件的體驗。
上一篇mysql專業版下載
下一篇好看的css圖片特效