csv - CSV 数据 URI 中的换行符未显示

Question

我有一个 CSV 数据

column1,column2,column3
data1,data2,data3
data1,data2,data3

我把它作为一个 Jade 变量，它与 HTML 中的内插字符串一样好，我可以通过 a 下载它。数据 URI 格式的链接

var link = document.getElementById('link');
var data = 'column1,column2,column3\n\rdata1,data2,data3\n\rdata1,data2,data3';
link.href = 'data:text/csv,' + data;

<a id="link" download="data.csv">download</a>

我已经使用 Javascript 在此处插入数据以进行演示，但实际上我在服务器端使用 Jade :(我认为这并没有什么不同......)

a(href="data:text/csv,#{data.replace(/[\r\n]/, '\r\n')}" download="data.csv") Download

问题是换行符不起作用。当我下载文件时，它没有换行符。

事实上维基说

In Mozilla Firefox 5, Google Chrome 17, and IE 9 (released June, 2011), encoded data must not contain newlines.

This another question ，如果我没有误解，确实说明这是可能的。

是否真的不可能为数据 URI 格式的 CSV 下载换行，或者有没有我可能错过的方法？

Answer 1

很久以前问的好问题:) 我今天也遇到了这个问题。对我来说，如果我对 CSV 进行 URL 编码，它会起作用。使换行符 "\n"和/或 "\r"变成 "%0A"和 "%0D"

var link = document.getElementById('link');
var data = 'column1,column2,column3\n\rdata1,data2,data3\n\rdata1,data2,data3';
data = encodeURI(data);
link.href = 'data:text/csv,' + data;