Question

我有一个rails服务器，它从http请求生成一个csv，如下所示：

@results = some_json_string
require 'csv'
csv_string = CSV.open("results.csv","wb") do | csv|
        JSON.parse(@results).each do |hash|
                csv << hash.values
        end
end
send_file('results.csv')

从服务器请求此CSV文件的AngularJS应用程序

angular.module('myApp')
   .controller('QueryCtrl', ['$scope', 'Query', function ($scope, Query) {
     $scope.csvSubmit = function() {
      var csv = $.post('http://ip_addr:3000/api/csv', { 'input': 'my_request' });
      csv.done(function(result){
         File.save(result, function(content){
            var hiddenElement = document.createElement('a');
            hiddenElement.href = 'data:attachment/csv,' + encodeURI(content);
            hiddenElement.target = '_blank';
            hiddenElement.download = 'result.csv';
            hiddenElement.click();
      });
    });
   }
  }
])

似乎，当Angular应用程序发出http请求时，Rails服务器通过csv文件发送。

来自rails logs：

 GET /professional/maintain/status/ 200 224 - - 0 2908 - -\n"}
 Sent file results.csv (0.1ms)
 Completed 200 OK in 976ms (ActiveRecord: 0.0ms)

但是，Angular应用程序无法将文件成功下载到客户端计算机。相反，javascript控制台显示此错误：

Uncaught TypeError: undefined is not a function query.js:8

第8行是这一行：

File.save(result, function(content){

任何人都知道如何让这个下载正常工作？

编辑：这可能是一种语法问题，因为我实际上并没有编写那么多javascript。在我看着它的时候，我无法弄清楚为什么它会告诉我undefined不是一个功能。

Answer 1

文件没有方法保存MDN documentation，您应该可以通过

完成下载

 var hiddenElement = document.createElement('a');
        hiddenElement.href = 'data:attachment/csv,' + encodeURI('test,1234,1232,test');
        hiddenElement.target = '_blank';
        hiddenElement.download = 'result.csv';
        hiddenElement.click();

没有任何File.save（结果，函数（内容）{}）;功能

在控制台中运行上面的代码会开始下载我传入的内容。

AngularJS应用程序没有下载文件

1 个答案: