ANGULARJS：如何从服务器收到的 URL 下载 PDF

Question

我想从服务器通过 $http GET() 请求收到的 URL 下载 PDF。只要在前端单击一个按钮，就会启动 $http。在 $http 成功时，会收到一个保存 PDF 文件的 URL，并希望它在 $http 请求成功时自动下载。我如何做到这一点？

编辑：

这是 HTML 代码：

<div class="button clearfix">
  <button class="btn btn-primary pull-left m-b" ng-click="generateReport()">Download Report</button>
</div>

这是我的控制器 (Angularjs) 代码：

$scope.generateReport = function() {
        $http.get('/pdfreport').success(function(response) {
            $scope.url = response;
        }).error(function(response) {
            console.log("Failed");
        });
    }

单击按钮时我想从 $scope.url 下载文件

Answer 1

在您的成功函数中创建 <a> 元素并将您的 $scope.url（或 reposnse data）分配给 href 属性，然后调用创建的<a>元素的click方法自动下载文件：

  var createA = document.createElement("a")
  createA.setAttribute('href', $scope.url);
  createA.click();