ANGULARJS:如何从服务器接收到的URL下载PDF ? - ANGULARJS: How do I download PDF from URL received from server

ANGULARJS: How do I download PDF from URL received from server

本文关键字：URL 下载 PDF 服务器 ANGULARJS | 更新日期: 2023-09-27

我想从服务器通过$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

在success函数中创建<a>元素并分配$作用域。url(或reposnse data)到href属性，然后调用单击已创建的<a>元素的方法自动下载文件:

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