将HTML表导出到Excel时编码UTF-8
Encoding UTF-8 when exporting HTML table to Excel
我正在尝试使用javascript将HTML表导出到Excel。这是javascript代码
<script type="text/javascript">
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function(s, c) { return s.replace(/{('w+)}/g, function(m, p) { return c[p]; }) }
return function(table, name) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
window.location.href = uri + base64(format(template, ctx))
}
})()
</script>
这是我的头
<meta http-equiv="content-type" content="application/vnd.ms-excel;" charset="UTF-8">
<meta charset="UTF-8">
这是我的桌子
<table id="tblExport">
<tr>
<td>José</td>
<td>María</td>
</tr>
</table>
这是触发导出的按钮
<input type="button" onclick="tableToExcel('tblExport', 'W3C Example Table')" value="Export to Excel">
我无法正确导出UTF-8字符,比如é或í。我尝试将HTML表作为UTF8导入OO Calc,而不转换为实体,但不起作用。我有MS Excel 2010和Win7 64位。
如何正确导出UTF-8字符?
谢谢!
首先:您的标头格式不正确。应该是:
<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">
第二:它应该在你的模板中,因为它包含Excel的字符集信息。
<script type="text/javascript">
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function(s, c) { return s.replace(/{('w+)}/g, function(m, p) { return c[p]; }) }
return function(table, name) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
window.location.href = uri + base64(format(template, ctx))
}
})()
</script>
您可以在内容字符串前面加上UTF-8 BOM定义:
function ExportToExcel() {
var BOM = "'uFEFF";
var htmltabel = document.getElementById("tabella_finale");
var html = htmltabel.outerHTML;
window.open('data:application/vnd.ms-excel,'+ encodeURI(BOM + html));
}
如果您想根据@Axel Richter的答案更改默认文件名,请尝试以下操作:
var link = document.createElement('a');
link.download = 'filename.xls';
...
link.href = uri + base64(format(template, ctx));
link.click();
...
用链接替换window.location.hf。href
function exportData(report_id){
var blob = new Blob([document.getElementById(report_id).innerHTML], {
type: "text/plain;charset=utf-8;"
});
saveAs(blob, "Report.xls");
}
将表数据作为纯文本并保存为Excel,而不会出现编码问题
我将再次引用上面提到的一个尊重。您需要在head标签中包含元标签代码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<!--This is what you should include-->
<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">
<!---->
<title>Ver Listado Pago</title>
<link href="/Images/Decretos.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="/Content/site.css" rel="stylesheet" />
<link href="~/Content/booostrap/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/booostrap/bootstrap-theme.css" rel="stylesheet" />
<link href="~/Content/booostrap/bootstrap-theme.min.css" rel="stylesheet" />
这对我很有效。但是IE和WIN10由于xls扩展名的原因,在下载时有一些冲突。然而,特殊字符的问题得到了纠正
在谷歌搜索后,我发现了一个解决方案编辑文件/tableExport/tableExport.js行280
var base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } // New base64
// var base64data = "base64," + $.base64.encode(excelFile); OLD LINE
var base64data = "base64," + base64(excelFile); // New line with new base64
这都是
在var uri中使用以下代码:
var uri = 'data:application/vnd.ms-excel;charset=UTF-8;base64,'
输出
相关文章:
- 将HTML表格导出到excel时,无法将数据加载到excel文件中
- 将地理编码结果转换为php变量以发布到mysql数据库
- 提交按钮,该按钮位于使用 Excel VBA 的 Javascript 中
- Json在完整日历中对数据进行了编码
- 将HTML表格导出到带有文本和图像的excel中
- 将JQuery Handontable保存到服务器上的excel文件中
- 如何对每个用户每天只允许单击一次的按钮进行编码
- Javascript字符集编码
- 如何在javascript转换编码中将一个动态值从一个表单添加到另一个页面
- base64编码的图像比intranet中的常规图像好吗
- 我不知道我的编码有什么问题.(JavaScript)
- 为什么字符编码对URL很重要
- 如何在做PHP时在base64中动态编码;preg_ replace”;
- 如何将JSON编码的PHP数组发送到同一页面上的数据表
- 如何使Jquery编码的动态下拉菜单与PHP GET变量协调工作
- JavaScript代码,用于在浏览器中显示字节数组中的PDF文件(非base64编码)
- 以HTML文件中的编码形式脱机存储图像
- 从Base64 Ionic编码和解码图像
- 错误编码的Adsense广告正在扼杀我的网站's的性能
- 将HTML表导出到Excel时编码UTF-8