使用angular js在前端下载文件

Question

在单击文件名旁边的下载按钮时，我正在从后端获取文件内容。 此内容以字节为单位。 该文件可以是任何类型。 如何将从后端接收的数据转换为文件，并在接收到响应（文件内容）时自动下载。HTML和Angular JS中的新蜜蜂。需要任何指针或建议:)

Answer 1

您将需要让后端告知您的前端文件的位置，然后前端才能放置指向该文件的链接。 后端可能应该为此文件生成一个唯一的哈希名称。

只要后端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>

当角度调用GET: /download-file-path ，后端应返回文件的名称和路径，例如/download/file-7dje79ae.xml 。 然后放角这条道路的a环节。 当用户单击下载按钮时，用户浏览器将向/download/file-7dje79ae.xml发出请求并下载文件。