javascript - 如何在 XMLHttpRequest 中显示进度

Question

我使用XMLHttpRequest上传文件，我想在提交文件之前显示一个LoadingView，但是LoadingView没有出现并且不起作用。

我使用 Asp.net MVC 进行编码。

在 JavaScript 中:

// For display Loading View
function updateProgress(oEvent) {
  if (oEvent.lengthComputable) {                            
    //Loading
  } else {

  }
}

$('body')
  .on('click', '#bUpload', function() {


    var xmlHttpRequest = new XMLHttpRequest();
    if (!window.XMLHttpRequest) {
      xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlHttpRequest.addEventListener("progress", updateProgress);

    xmlHttpRequest.open("POST", '@Url.Action("****", "****", new {area = "****"})', true);                    

    xmlHttpRequest.send();

 });

Answer 1

您可以将事件监听器添加到 xmlHttpRequest 中。

MDN 有关于这方面的非常好的文档。

Monitoring progress