使用可配置请求头的方式进行a标签文件下载

原创于 2022-05-18 17:40:45 发布 · 960 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html5

前端_JS类专栏收录该内容

4 篇文章

订阅专栏

这段代码展示了如何使用XMLHttpRequest（xhr）进行GET请求，获取zip文件并设置Authorization头。当请求成功返回200状态时，它将创建一个下载链接并触发文件下载。

      xhr.open('GET', 'https://api.bentley.com/designelementclassification/runs/a464f67a-62b3-491d-b797-63528f655d61/results/predictions.zip', true);
      xhr.setRequestHeader("Authorization", accessToken);
      xhr.responseType = 'blob';

      xhr.onload = function (e) {

        //如果请求执行成功

        if (this.status == 200) {

          var blob = this.response;

          var filename = "test.zip";

          var a = document.createElement('a');
          var url = URL.createObjectURL(blob);

          a.href = url;

          a.download = filename;

          a.click();
          window.URL.revokeObjectURL(url);
        }
      }
      xhr.send();
   
    ```