XMLHttpRequest上传不起作用，仅在不上传的情况下起作用

Question

这有效（触发事件并且我收到服务器的响应）：

const fileForm = new FormData;

fileForm.append('file', this.inputUpload.files[0]);

const xhr = new XMLHttpRequest();

xhr.addEventListener('load', () => {

  if(xhr.status === 200) {

    console.log(xhr.responseText);

  }

});

xhr.open('POST', this.requestUrl);

xhr.setRequestHeader('Content-type', this.fileType);

xhr.send(fileForm);

但这不是（事件未触发）：

xhr.upload.addEventListener('load', () => {

  if(xhr.status === 200) {

    console.log(xhr.responseText);

  }

});

我想使用upload属性，因为我想监视上传文件的进度。

Answer 1

为此，您需要使用

XMLHttpRequestEventTarget.onprogress

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequestEventTarget/onprogress