导出HTML表为csv在谷歌chrome浏览器


Export HTML table to csv in google chrome browser

我有以下功能通过使用这个我导出我的html到Csv文件。几天/几个月前,它在google chrome浏览器中工作良好(在FF中仍然工作良好)。现在它突然停止工作,转换数据为CSV格式。

当我点击导出按钮时,我能够下载文件,但当我试图在ms excel/Libre office calc中打开时,它没有打开。

我可以看到甚至导出的数据,但它显示相同,分隔。

谁能建议我在谷歌浏览器我的代码出了什么问题。

   function exportReportTableToCSV($table, filename) {
    var dumpd='';
    var csvData ='';
    $table.each(function(){
            var $rows = $(this).find('tr:has(td)');
            var  $header =  $(this).find('tr:has(th)');                
                tmpColDelim = String.fromCharCode(11), // vertical tab character
                tmpRowDelim = String.fromCharCode(0), // null character
                colDelim = '","',
                rowDelim = '"'r'n"',
                csv = '"' + $header.map(function (i, head) {
                    var $head = $(head),
                        $cols = $head.find('th');
                    return $cols.map(function (j, col) {
                        var $col = $(col),
                            text = $col.text();
                        if(text == " ")
                                text = "";
                        if(text == "PROGRAMS")
                                text = "";
                        console.log(text);
                        return text.replace('"', '""'); 
                    }).get().join(tmpColDelim);
                }).get().join(tmpRowDelim)
                    .split(tmpRowDelim).join(rowDelim)
                    .split(tmpColDelim).join(colDelim) + '"' ;
            csv+=''r'n';
            csv+= '"' + $rows.map(function (i, row) {
                    var $row = $(row),
                        $cols = $row.find('td');
                    return $cols.map(function (j, col) {
                        var $col = $(col);
                        var text;
                           if($($(col)).find("input:checkbox").length > 0)
                                text = $($(col)).find("input:checkbox").prop('checked') ? 'Yes' : 'No';
                            else
                                text = $col.text();
                            if(text === "")
                            {
                                text = "";
                            }
                        return text.replace('"', '""'); 
                    }).get().join(tmpColDelim);
                }).get().join(tmpRowDelim)
                    .split(tmpRowDelim).join(rowDelim)
                    .split(tmpColDelim).join(colDelim) + '"';
            dumpd+=csv+"'n'n";
       });

    csvData ='data:application/csv;charset=utf-8,' + encodeURIComponent(dumpd);
    $(this)
        .attr({
        'download': filename,
            'href': csvData,
            'target': '_blank'
    });
}

在做了更多的研究之后,我得到了这个问题的解决方案。

i have changed this

var csvData ='data:application/csv;charset=utf-8,' + encodeURIComponent(dumpd);
$(this)
    .attr({
    'download': filename,
        'href': csvData,
        'target': '_blank'
});

 var csvData = new Blob([dumpd], { type: 'text/csv' }); //new way
    var csvUrl = URL.createObjectURL(csvData);
    $(this)
    .attr({
        'download': filename,
        'href': csvUrl
    });

,它工作得很好。chrome在新版本中似乎有所改变。

希望对别人有所帮助。

我的解决方案是excel文件导出:

var xslData = new Blob([$('#printableSearchResults').html()], { type: 'text/vnd.ms-excel' });
var uri = URL.createObjectURL(xslData);