Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 在浏览器中下载多个文件/文档_Angularjs_Html - Fatal编程技术网

Angularjs 在浏览器中下载多个文件/文档

Angularjs 在浏览器中下载多个文件/文档,angularjs,html,Angularjs,Html,我正试图找出如何根据用户从文件列表中选择的内容下载许多文件。我熟悉 })) 我会继续修补,但非常感谢您的帮助。我最终使用angular file saver(文件保存器)解决了我的问题 以下是更新的Plunker: }如果您选择使用非现场资源,如plnkr,请在此处添加相关代码片段/示例。这将更好地服务于未来的访客,让您的问题“独立”。 angular.module('app').directive('documentList', function(){ return { templateU

我正试图找出如何根据用户从文件列表中选择的内容下载许多文件。我熟悉

}))


我会继续修补,但非常感谢您的帮助。

我最终使用angular file saver(文件保存器)解决了我的问题

以下是更新的Plunker:


}

如果您选择使用非现场资源,如
plnkr
,请在此处添加相关代码片段/示例。这将更好地服务于未来的访客,让您的问题“独立”。
angular.module('app').directive('documentList', function(){
return {
  templateUrl: 'doclistview.html',
  restrict: 'E',
  scope: {},
  controller: function ($scope, $window) {
    $scope. downloadDocuments = function() {
      getSelectedDocuments();
      _.each($scope.selectedDocuments, function (document){
        //How to download multiple files
        $window.open(document.Template, '_blank', '');
      })
    }

    function getSelectedDocuments() {
        $scope.selectedDocuments = _.where($scope.documents, {"selected": true});
    }

    //This can really be any file type but I just plucked some images online to simplify.
    $scope.documents = [
        {"FileName": "Cube Image.png", "FileType": "png", "Template": "http://zoarchurch.co.uk/content/pages/uploaded_images/91.png"}
        ,{"FileName": "Dice Roll", "FileType": "jpeg", "Template": "http://nathaningram.com/wp-content/uploads/2011/12/random-image1.jpg"}
        ,{"FileName": "RAWR!!!", "FileType": "jpeg", "Template": "http://images2.fanpop.com/image/photos/8600000/random-animals-animals-8676039-1600-1200.jpg"}
    ]
  }
}
$scope. downloadDocuments = function() {
getSelectedDocuments();
_.each($scope.selectedDocuments, function (document){
  var config = {
      data: base64toBlob(document.Template, document.MimeType),
      filename: document.FileName
  }
  fileSaver.saveAs(config);
});