js导出json数据到excel 文件

最新推荐文章于 2023-02-07 17:18:13 发布

coucouxie

最新推荐文章于 2023-02-07 17:18:13 发布

阅读量328

点赞数

分类专栏： javascript

原文链接：https://blog.csdn.net/yulongxue/article/details/103124412?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162849864316780357222840%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=162849864316780357222840&biz_id=

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

导出json数据到excel文件，在网上查的方法。能导出。

但是余留个问题，就是打开的excel的时候提示，文件名和扩展名不一致…

查了半天资料，没有办法解决

有的说：返回xml格式的Excel数据，这种都会有提示的。你要没有提示，导出csv格式的数据或者服务器端用组件导出Excel才行。

或者使用插件来解决，方法地址如下，还没验证，留个印儿，有时间再说。

 
<a id="exportBtn">导出</a>

$("#exportBtn").click(function() {
 
        var jsonData = [{
            name: '路人甲',
            phone: '123456',
            email: '123@123456.com'
        }, {
            name: '炮灰乙',
            phone: '123456',
            email: '123@123456.com'
        }]
        //列标题
        var table = '\
               <tr>\
               <td>姓名</td>\
               <td>电话</td>\
               <td>邮箱</td></tr>'
 
        var fileName = 'dd';
        tableToExcel(table, jsonData, fileName);
 
 
 
        function tableToExcel(table, jsonData, fileName) {
 
 
            //循环遍历，每行加入tr标签，
 
            //每个单元格加td标签
 
            jsonData.forEach(function(item) {
                table += '<tr>';
                for (let key in item) {
                    //增加\t为了不让表格显示科学计数法或者其他格式
                    table += `<td>${item[key] + '\t'}</td>`
                }
                table += '</tr>';
            })
 
            //Worksheet名
            var worksheet = 'Sheet1'
            //下载的表格模板数据
            var 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>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<!--[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>`
            // 下载模板
            var fileName = 'ddd';
            // 法一 无法设置文件名
            //window.location.href = 'data:application/vnd.ms-excel;base64,' + base64(template)
            
            // 法二，设置文件名
            //必须是a标签，否则无法下载改名
            document.getElementById('exportBtn').href = 'data:application/vnd.ms-excel;base64,' + base64(template); 
            document.getElementById('exportBtn').download = fileName;
 
        }
        //输出base64编码
        function base64(s) {
 
            return window.btoa(unescape(encodeURIComponent(s)))
        }
 
 
 
    });

coucouxie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js导出json数据到excel 文件

导出json数据到excel文件，在网上查的方法。能导出。但是余留个问题，就是打开的excel的时候提示，文件名和扩展名不一致…查了半天资料，没有办法解决有的说：返回xml格式的Excel数据，这种都会有提示的。你要没有提示，导出csv格式的数据或者服务器端用组件导出Excel才行。或者使用插件来解决，方法地址如下，还没验证，留个印儿，有时间再说。 <a id="exportBtn">导出</a> $("#exportBtn").click(function() {
复制链接

扫一扫