我通过使用它具有以下功能,我正在将我的 html 导出到 Csv 文件。几天/几个月前,它在 google chrome 浏览器中运行良好(在 FF 中仍然运行良好)。现在突然停止将数据转换为 csv 格式。
当我单击导出 按钮时,我可以下载文件,但是当我尝试在ms excel/Libre office calc 中打开时,它无法在其中打开。
我什至可以看到导出的数据,但它显示为相同,分隔。
谁能告诉我我在 google 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'
});
}
最佳答案
在做了更多研究后,我得到了解决方案。
我已经改变了这个
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 似乎在新版本中有所改变。
希望对其他人有帮助。
关于javascript - 在 google chrome 浏览器中将 HTML 表格导出到 csv,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24610694/