XMLHttpRequest可在Chrome + Edge上运行，但不能在Firefox上运行

Question

我正在尝试在上传表单中添加进度条。到目前为止，它可以在Chrome和Edge中使用，但是firefox不能。

我尝试检查Firefox中的控制台，看看是否抛出任何错误，但没有。我发现它甚至没有尝试运行函数progressHandler（event）。在Chrome中是。你们能帮我弄清楚发生了什么吗？谢谢

function _(el) {
  return document.getElementById(el);
}

function progressHandler(event) {
  var percent = (event.loaded / event.total) * 100;
  _("progressBar").value = Math.round(percent);
}

function uploadFile() {
  var file = _("hid").files[0];
  var formdata = new FormData();
  formdata.append("hid", file);
  var ajax = new XMLHttpRequest();
  ajax.upload.addEventListener("progress", progressHandler, false);
  ajax.open("POST", "upload.php");
  ajax.send(formdata);
}