首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用AngularJS或Javascript提供下载文件?

如何使用AngularJS或Javascript提供下载文件?
EN

Stack Overflow用户
提问于 2013-05-13 11:39:19
回答 9查看 236.6K关注 0票数 98

我在一个隐藏的文本区域中有一些文本。当一个按钮被点击时,我希望有一个.txt文件提供下载的文本。这可以使用AngularJS或Javascript吗?

EN

回答 9

Stack Overflow用户

发布于 2015-02-16 20:12:46

只需单击该按钮即可使用以下代码进行下载。

在html中

<a class="btn" ng-click="saveJSON()" ng-href="{{ url }}">Export to JSON</a>

在控制器中

$scope.saveJSON = function () {
			$scope.toJSON = '';
			$scope.toJSON = angular.toJson($scope.data);
			var blob = new Blob([$scope.toJSON], { type:"application/json;charset=utf-8;" });			
			var downloadLink = angular.element('<a></a>');
                        downloadLink.attr('href',window.URL.createObjectURL(blob));
                        downloadLink.attr('download', 'fileName.json');
			downloadLink[0].click();
		};

票数 33
EN

Stack Overflow用户

发布于 2014-03-08 20:19:32

尝尝这个

<a target="_self" href="mysite.com/uploads/ahlem.pdf" download="foo.pdf">

并访问此站点,它可能会对您有所帮助:)

http://docs.angularjs.org/guide/

票数 26
EN

Stack Overflow用户

发布于 2014-06-28 17:50:25

这可以在javascript中完成,而无需打开另一个浏览器窗口。

window.location.assign('url');

将“url”替换为指向文件的链接。如果您需要从按钮触发下载,您可以将其放在一个函数中,并使用ng-click调用它。

票数 24
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16514509

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档