javascript - 下载zip文件并从 Angular 方法触发 "save file"对话框

Question

我有一个标准的 Angular 代码，单击按钮时会触发:

$scope.downloadAll = function () {   
  $http.get("download.php?id=" + $scope.id).success(function (data) {
    }).error(function () {
        $scope.status = "Error: can not download table data from server.";
    }); 
 }

但是我的 php 脚本返回一个 zip 存档，因此其内容最终会出现在 javascript 变量 data 中。我想修改行为，以便浏览器提供 zip 存档以存储在本地磁盘上。我如何实现这一点，保留 Angular 按钮处理程序？

Answer 1

在你的 Angular Controller 中，注入(inject)$window并像这样使用它:

$scope.downloadAll = function () {
  $window.location.href = "/download.php?id=" + $scope.id;
}

在服务器上，确保为您的 zip 文件提供适当的 http header 以提示文件下载(内容配置、mime 类型等)。