onprogress事件不适用于xmlHttpRequest Mozilla firefox

Question

我正在尝试使用XMLHttpRequest（）将图像上传到Laravel 5。问题是当我尝试使用

跟踪进度以在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

尝试：Submit a form with Javascript and handle it with 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 Quantum 64.0.2（64位）上正常工作：

观看此演示： jquery-ajax-upload-progress-on-Firefox.gif