[英]Export HTML table to csv in google chrome browser
i have following function by using this i am exporting my html to Csv file. 我有以下功能使用此我将我的html导出到Csv文件。 few days/months ago it was working fine in google chrome browser (still its working fine in FF) .
几天/几个月前它在谷歌浏览器浏览器中运行良好(仍然在FF中工作正常) 。 now suddenly it stops working to convert data in to csv format.
现在突然它停止工作将数据转换为csv格式。
when i am clicking on export button i am able to download file but when i am trying to opening in ms excel/Libre office calc its not opening in it. 当我点击导出按钮我能够下载文件,但当我试图在ms excel /自由办公室开放时,它没有打开它。
i can see even exported data also but its showing same as , separated. 我甚至可以看到导出的数据,但它的显示相同,分开。
can anyone suggest me whats going wrong with my code in google chrome browser. 任何人都可以建议我在谷歌浏览器浏览器中的代码出错了。
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'
});
}
after doing some more research i got the solution for this. 在做了一些研究后,我得到了解决方案。
i have changed this 我改变了这个
var csvData ='data:application/csv;charset=utf-8,' + encodeURIComponent(dumpd);
$(this)
.attr({
'download': filename,
'href': csvData,
'target': '_blank'
});
To 至
var csvData = new Blob([dumpd], { type: 'text/csv' }); //new way
var csvUrl = URL.createObjectURL(csvData);
$(this)
.attr({
'download': filename,
'href': csvUrl
});
and it worked fine. 它工作得很好。 it seems chrome has changed something in new version.
看来chrome在新版本中有所改变。
Hope it may help others. 希望它可以帮助别人。
My solution is for excel file export: 我的解决方案是excel文件导出:
var xslData = new Blob([$('#printableSearchResults').html()], { type: 'text/vnd.ms-excel' });
var uri = URL.createObjectURL(xslData);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.