Question

我使用下面的函数将数组导出到JavaScript中的csv文件，但是在Windows7中使用Microsoft Excel 2013将中文字符变成乱码。

我用记事本打开导出的文件，但显示效果很好。

function arrayToCSVConvertor(arrData, reportTitle) {
    var CSV='';
    arrData.forEach(function(infoArray, index){
        var dataString = infoArray.join(",");
        dataString= dataString.split('\n').join('；');
        CSV += dataString+ "\n";
    });

    if (CSV == '') {
        alert("Invalid data");
        return;
    }

    //create a link and click, remove
    var link = document.createElement("a");
    link.id="lnkDwnldLnk";

    //this part will append the anchor tag and remove it after automatic click
    document.body.appendChild(link);

    var csv = CSV;

    var blob = new Blob([csv], { type: ' type: "text/csv;charset=UTF-8"' });//Here, I also tried charset=GBK , and it does not work either
    var csvUrl = createObjectURL(blob);

    var filename = reportTitle+'.csv';

    if(navigator.msSaveBlob){//IE 10
        return navigator.msSaveBlob(blob, filename);
    }else{
        $("#lnkDwnldLnk")
            .attr({
                'download': filename,
                'href': csvUrl
            });
        $('#lnkDwnldLnk')[0].click();
        document.body.removeChild(link);
    }
}

Answer 1

通过在csv字符串的开头添加BOM解决了问题：

var csv = "\ufeff"+CSV;

Answer 2

这是我的解决方案：

var blob = new Blob(["\uFEFF"+csv], {
    type: 'text/csv; charset=utf-18'
});

Answer 3

根据RFC2781，字节顺序标记（BOM）0xFEFF是用于UTF-16小尾数编码（UTF16-LE）的BOM。添加BOM可能会解决Windows的问题，但是如果要在MacOS上使用Excel打开生成的CSV文件，该问题仍然存在。

用于编写可在不同OS平台（Windows，Linux，MacOS）上运行的多字节CSV文件的解决方案应用了以下三个规则：

使用制表符而不是逗号分隔字段
使用UTF16-LE对内容进行编码
使用UTF16-LE BOM前缀内容，即0xFEFF

在this article

中可以看到更详细的说明，示例代码和用例。

导出csv文件时出现UTF-8 encoidng问题，JavaScript

3 个答案: