将客户端 Json 下载为 CSV

Question

我使用 angularJS 前端框架和 nodejs/express 作为后端服务器来发送和接收 JSON。后端向前端发送了一个大的 JSON 对象，我想知道是否可以从前端以 CSV 格式下载 JSON 对象。

数据以 json 格式存储在范围变量中：$scope.data 在角度控制器中。然后我将数据转换为变量$scope.CSVdata中的CSV格式的字符串。如何从客户端浏览器下载 CSV 数据？

我知道 nodejs 可以设置为以 CSV 格式发送文件，但最好让后端保持干净的 JSON api。

Answer 1

参考 this post 我已经快速演示了如何使用 AngularJS 完成此操作：

JavaScript Demo (Plunker)

我已将引用的 Base64 代码包装在服务中，并按以下方式使用它：

$scope.downloadCSV = function() {
  var data = Base64.encode($scope.CSVData);
  window.location.href = "data:text/csv;base64," + data;
};

这个方法有are some disadvantages，但是如 cmets 中所述。我已经从 Wikipedia 页面中提取了一些关于这个主题的要点。前往那里查看完整列表。

• 数据 URI 不会与其包含的文档（例如 CSS 或 HTML 文件）分开缓存，因此会下载编码数据 每次重新下载包含的文档时。
• Internet Explorer 8 将数据 URI 的最大长度限制为 32 KB。 （Internet Explorer 9 没有此限制）
• 在 IE 8 和 9 中，数据 URI 只能用于图像，而不能用于导航或 JavaScript 生成的文件下载。[7]
• Base64 编码的数据 URI 的大小是其等效二进制文件的 1/3 倍。 （但是，如果使用 HTTP 服务器使用 gzip 压缩响应）
• 数据 URI 没有像普通链接文件那样携带文件名。保存时，指定 MIME 类型的默认文件名是 常用。
• [ . . . ]