Событие onprogress не работает на xmlHttpRequest Mozilla firefox

Question

Я пытаюсь загрузить изображение в Laravel 5 с помощью XMLHttpRequest (). Проблема возникает, когда я пытаюсь отследить прогресс, чтобы построить индикатор прогресса на Mozilla Firefox, используя

xhr.onprogress = function (event) {
  console.log("Progress: "+event.loaded+ "Total : "+event.total);
};

Возвращает:

Progress: 48188 Total : 48188

при запуске загрузки, где, как это просто отлично работает в Google Chrome,

Progress: 13148 Total : 48188
Progress: 24189 Total : 48188
Progress: 48188 Total : 48188

в чем может быть проблема?

Answer 1

попробуйте это: Отправьте форму с помощью Javascript и обработайте ее с помощью ajaxForm

, но поскольку там нет upload.php, вы не можете тестировать онлайн, вы можете скопировать кодв test.html и поместите в него коды, затем создайте upload.php, вставьте в них эти простые коды, после чего вы можете проверить их:

<?php
function isAjax(){
    return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && $_SERVER['HTTP_X_REQUESTED_WITH']=='XMLHttpRequest';
}

if(isAjax()){
    var_dump($_FILES);
    exit;
}

эти коды отлично работают на моем Mac Firefox кванте 64.0.2 (64-разрядная версия):

См. Эту демонстрацию: jquery-ajax-upload-progress-on-Firefox.gif