ANGULARJS:如何从服务器

时间:2016-09-12 06:00:05

标签: javascript php angularjs html5 laravel

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

1 个答案:

答案 0 :(得分:0)

在您的成功功能中创建<a>元素并将 $ scope.url (或 reposnse数据)分配给 href 属性然后调用创建的<a>元素的单击方法自动下载文件:

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