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);
});