Javascript 导出 CSV 编码 utf-8 问题

Question

我需要将 javascript 数组导出到 CSV 文件并下载。我做到了，但 'ı,ü,ö,ğ,ş' 这个字符在 CSV 文件中看起来像 'ı ü ö ÄŸ ÅŸ'。我尝试了许多在此网站上推荐的解决方案，但对我没有用。

我添加了我的代码sn-p，谁能解决这个问题？

var csvString = 'ı,ü,ö,ğ,ş';

var a = window.document.createElement('a');
a.setAttribute('href', 'data:text/csv; charset=utf-8,' + encodeURIComponent(csvString));
a.setAttribute('download', 'example.csv');
a.click();

Answer 1

这取决于打开example.csv 文件的程序。使用文本编辑器，编码将是UTF-8，并且字符格式不会错误。但是使用Excel，CSV 的默认编码是ANSI，而不是UTF-8。因此，如果不强制Excel 使用不是ANSI 而是UTF-8 作为编码，字符将是错误的。

Excel 可以使用UTF-8 强制CSV 将BOM (Byte Order Mark) 作为文件中的第一个字符。 UTF-8 的默认 BOM 是字节序列 0xEF,0xBB,0xBF。所以人们可以认为简单地将"\xEF\xBB\xBF" 作为字符串的第一个字节将是解决方案。但这肯定太简单了，不是吗？ ;-) 这个问题是如何强制 JavaScript 不将这些字节作为字符。 “解决方案”是使用 "\uFEFF" 中提到的“通用 BOM”Special Characters (JavaScript)。

例子：

var csvString = 'ı,ü,ü,ğ,ş,#Hashtag,ä,ö';
var universalBOM = "\uFEFF";
var a = window.document.createElement('a');
a.setAttribute('href', 'data:text/csv; charset=utf-8,' + encodeURIComponent(universalBOM+csvString));
a.setAttribute('download', 'example.csv');
window.document.body.appendChild(a);
a.click();

另见Adding UTF-8 BOM to string/Blob。

使用它，编码将是正确的。但是，只有在 Windows 语言环境设置中的默认列表分隔符是逗号时，这才能正常工作。如果不是，例如，如果分号是Windows 语言环境设置中的默认列表分隔符，那么所有内容都将位于第一列，而不用逗号分隔。然后你还必须在CSV 中使用分号作为分隔符。但这是另一个问题，导致结论不完全不使用CSV，而是使用可以直接创建Excel文件的库（*.xls或*.xlsx）。