使用angular js在前端下载文件
File Download at front end using angular js
单击文件名旁边的下载按钮,我将从后端获取文件内容。此内容以字节为单位。该文件可以是任何类型。如何将从后端接收到的数据转换为文件,并在收到响应时自动下载(文件内容)。html和angular js中的新蜜蜂。需要的任何指针或建议:)
您需要让后端告诉前端文件的位置,然后前端可以放置指向该文件的链接。后端可能应该为此文件生成一个唯一的哈希名称。
只要后端Web服务器配置了正确的mime类型,就可以将实际文件作为Rest GET请求的一部分返回。
因此,在你的控制器中,你会调用一个服务来获取文件路径:
SomeController.$inject = ['$http'];
var SomeController = function($http) {
var self = this;
$http.get('/download-file-path').then(function(path) {
self.path = path;
}
}
然后在你看来
<div ng-controller='SomeController as vm'>
<a ng-href="{{vm.path}}">Download</a>
</div>
当angular调用GET: /download-file-path
时,后端应该返回文件的名称和路径,比如/download/file-7dje79ae.xml
。然后angular将该路径放入a
链路中。当用户单击下载按钮时,用户浏览器将向/download/file-7dje79ae.xml
发出请求并下载文件。
相关文章:
- 如何在生成下载文件时显示加载动画
- 直接下载文件,而不是从window.open(url)
- Javascript运行php文件,然后下载文件
- 在单击href链接的同时下载文件
- 通过javascript下载文件时设置文件名
- HTML锚标记无法在android平台中下载文件
- 链接/按钮从子文件夹下载文件--浏览器只是浏览
- iPhone强制下载文件
- 正在下载文件,同时加载另一个页面
- 如何在node.js中只下载文件的前10 KB
- 如何使用XMLHttpRequest下载文件
- 使用angular js在前端下载文件
- 使用blob从ajax结果下载文件
- 通过Android Chrome浏览器下载文件
- 使用AJAX下载文件.来自SD卡
- 如何使用phonegap从android中的URL下载文件
- 使用ajax下载文件
- 无法使用Angular JS和spring MVC打开下载文件
- 无法使用API-node.js从Google Drive下载文件
- 点击jQuery按钮下载文件