小编amr*_*ini的帖子

如何使用javascript显示文件下载进度?

我正在使用下面的代码将文件下载到浏览器。

function UserAction() {
 
 var Url = " ";

  var postData = new FormData();
  var xhr = new XMLHttpRequest();
  xhr.open('GET', Url, true);
  xhr.responseType = 'blob';
  xhr.onload = function (e) {
    var blob = xhr.response;
    this.saveOrOpenBlob(blob,blobName);
  }.bind(this)
  xhr.send(postData);

}

function saveOrOpenBlob(blob,blobName) {
  //var assetRecord = this.getAssetRecord();
  var fileName = blobName;
  var tempEl = document.createElement("a");
    document.body.appendChild(tempEl);
    tempEl.style = "display: none";
      url = window.URL.createObjectURL(blob);
      tempEl.href = url;
      tempEl.download = fileName;
      tempEl.click();
  window.URL.revokeObjectURL(url);
}
Run Code Online (Sandbox Code Playgroud)

我想显示下载进度,我没有使用任何html代码。我的应用程序有接受 javascript 操作的标准按钮。我没有任何自定义用户界面。

在目前的情况下,如果文件很大,用户将不知道文件是否正在下载。

我怎样才能实现这个目标?

javascript xmlhttprequest download

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

download ×1

javascript ×1

xmlhttprequest ×1