纯前端js导出数据到excel

最新推荐文章于 2024-04-18 14:03:10 发布

爱编码的波哥

最新推荐文章于 2024-04-18 14:03:10 发布

阅读量247

点赞数 1

分类专栏： Javascript封装插件

本文链接：https://blog.csdn.net/qq_25128693/article/details/105784343

版权

Javascript封装插件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

                //导出所有分页数据
                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];
                        })
                    }
                let table = document.getElementById('exportTable')
                let name = 'sql查询导出数据'
                if (!table.nodeType) table = document.getElementById(table);
                var ctx = {
                    worksheet: name || 'Worksheet',
                    table: table.innerHTML
                };
                document.getElementById("dlink").href = uri + base64(format(template, ctx));
                document.getElementById("dlink").download = name + ".xls";
                document.getElementById("dlink").click();

爱编码的波哥

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
纯前端js导出数据到excel

//导出所有分页数据 var uri = 'data:application/vnd.ms-excel;base64,', template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:sc...
复制链接

扫一扫