前端导出excel

最新推荐文章于 2022-12-19 20:52:34 发布

qq_41201088

最新推荐文章于 2022-12-19 20:52:34 发布

阅读量89

点赞数

分类专栏： js 文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_41201088/article/details/125905949

版权

HTML表格 Excel导出 JavaScript 微软接口 base64编码

关键词由CSDN通过智能技术生成

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

方式一使用微软接口

var tabelStr = document.querySelector('.html-tabel').outerHTML;
var uri = 'data:application/vnd.ms-excel;base64,';
                    // 真正要导出（下载）的HTML模板
var exportTemplate = `<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>
${tabelStr}
</body>
</html>`;

之后添加a标签，赋值href链接

a.href = uri + base64(exportTemplate);

function base64(s) {
    return window.btoa(unescape(encodeURIComponent(s)))
};

btoa： binary to ascii ，用于将ascii字符串或二进制数据转换成一个base64编码过的字符串表示

qq_41201088

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端导出excel

介绍前端方式的常用导出手段
复制链接

扫一扫

专栏目录

前端导出excel

方式一 使用微软接口

方式一使用微软接口