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

在上传开始时，它在谷歌浏览器上完美运行，

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 量子 64.0.2（64 位）上运行良好：

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