將谷歌瀏覽器中的HTML表格導出到csv

Question

我有以下功能，通過使用這個我將html導出到Csv文件。幾天/幾個月前它在Google Chrome瀏覽器（仍然在FF中工作正常）工作正常。現在突然停止工作，將數據轉換爲csv格式。

，當我點擊出口按鈕，我能夠下載文件，但是當我試圖打開在的MS Excel /自由辦公計算它在它不開放。

我甚至可以看到導出的數據，但它顯示爲相同，分開。

任何人都可以告訴我什麼是錯誤的，我的代碼在谷歌Chrome瀏覽器。

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' 
    }); 
} 

Answer 1

在做了一些更多的研究之後，我得到了解決方案。

我已經改變了這種

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已經改變了新版本的東西。

希望它可以幫助別人。