Javascript 在google chrome浏览器中将HTML表格导出为csv
我有以下功能通过使用这个我导出我的html到Csv文件。几天前/几个月前,它在谷歌chrome浏览器中运行良好(在FF中仍然运行良好)。现在,它突然停止了将数据转换为csv格式的工作 当我单击导出按钮时,我可以下载文件,但当我试图在ms excel/Libre office calc中打开文件时,它不会在其中打开 我甚至可以看到导出的数据,但其显示与相同,分离 有人能告诉我谷歌浏览器的代码出了什么问题吗Javascript 在google chrome浏览器中将HTML表格导出为csv,javascript,php,jquery,google-chrome,csv,Javascript,Php,Jquery,Google Chrome,Csv,我有以下功能通过使用这个我导出我的html到Csv文件。几天前/几个月前,它在谷歌chrome浏览器中运行良好(在FF中仍然运行良好)。现在,它突然停止了将数据转换为csv格式的工作 当我单击导出按钮时,我可以下载文件,但当我试图在ms excel/Libre office calc中打开文件时,它不会在其中打开 我甚至可以看到导出的数据,但其显示与相同,分离 有人能告诉我谷歌浏览器的代码出了什么问题吗 function exportReportTableToCSV($table, fil
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'
});
到
而且效果很好。在新版本中,chrome似乎改变了一些东西
希望对其他人有所帮助。我的解决方案是excel文件导出:
var xslData = new Blob([$('#printableSearchResults').html()], { type: 'text/vnd.ms-excel' });
var uri = URL.createObjectURL(xslData);
谢谢你;我一直在寻找这个奇怪的Chrome独特的问题。我试图用其他文件类型(另存为txt/excel/pdf)来实现这一点,但遇到了与csv相同的问题——Chrome只需下载文件,而不带扩展名,通用名为“download”。您是否碰巧有任何其他来源可以显示如何对其他文件类型执行此操作?似乎所有可用的插件或方法在Chrome中都不能正常工作。@Kyle新版本的浏览器似乎不再支持数据。对于pdf,我还没有尝试过,但是对于excel.csv文件,它可以很好地工作。我会做关于pdf和excel的研究,如果我得到任何新的信息,我会更新你:)。谢谢!非常感谢。@Kyle我对pdf做了一些研究,我发现了一个js库,这是一个链接。我尝试了当前的代码,但没有得到任何有用的好吧,甜心,我会尝试一下。谢谢
var xslData = new Blob([$('#printableSearchResults').html()], { type: 'text/vnd.ms-excel' });
var uri = URL.createObjectURL(xslData);