html中使用javascript直接导出到Excel

ゝ一纸荒年。 2022-11-21 03:55 203阅读 0赞

<！-- 固定的格式导出使用 -->
    <div class="modal-header" style="display: none">
        <div class="row">
            <div class="col-md-6">
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="col-md-4">
                <h4 class="modal-title" id="tipMessageLabel"></h4>
            </div>
            <div class="col-md-2">
                <a id="dlink" style="display: none;"></a>
            </div>
        </div>
    </div>
    
    
    <table class="layui-table" id="table"></table>
    
    
    
    
    <input type="button" class="layui-btn" style="background-color:#438eb9" onclick="exportDataToExcel()"
                       href="javascript:;" value="导出"/>

js 端，当数据量很大的时候使用blob代替base64的url，测试过12M的Excel数据是可以支持导出的

function exportDataToExcel() {
            var fileName;
            fileName = '问卷调查统计' + ".xls";
            var sheetName = 'sheet';
            tableToExcel("table", sheetName, fileName, "dlink");
        }
    
        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>' +
                    '</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, sheetName, fileName, linkId) {
                if (!table.nodeType)
                    table = document.getElementById(table);
                var ctx = {worksheet: sheetName || 'Worksheet', table: table.innerHTML}
                var dlinkInfo = document.getElementById(linkId);
                //dlinkInfo.href = uri + base64(format(template, ctx));
                var blob = new Blob([format(template, ctx)], {type: "application/vnd.ms-excel"});//大数据量使用base64的url会被阻断改为blob
                dlinkInfo.href = URL.createObjectURL(blob);
                dlinkInfo.download = fileName;
                dlinkInfo.click();
            }
        })();

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 html中使用javascript直接导出到Excel

<！-- 固定的格式导出使用 --> <div class="modal-header" style="display: none"> <div

ゝ一纸荒年。/ 2022年11月21日 03:55/ 0 赞/ 204 阅读

相关 PHP直接导出excel

直接上代码： public function commentsDown(){ header('Content-Type: tex

逃离我推掉我的手/ 2022年08月07日 12:47/ 0 赞/ 2 阅读

相关 js把html中的table数据导出到Excel中

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

雨点打透心脏的1/2处/ 2022年06月05日 23:48/ 0 赞/ 258 阅读

相关 html中将table数据直接导入到excel中

方法一、通过<a>标签（可定义文件名称）： <a id="dlink" style="display:none;"></a> <input type="button" ο

小咪咪/ 2022年05月19日 14:27/ 0 赞/ 518 阅读

相关 MySQL直接导出Excel表格

MySQL直接导出Excel表格在shell命令行下执行语法格式： echo 查询语句管道登录mysql链接方式 > 定向输出文件 echo “SEL

深碍√TFBOYSˉ_/ 2022年03月15日 07:24/ 0 赞/ 241 阅读

相关 sql直接导出excel

1. 语句: ①这个不管在Navicat还是终端的mysql中都可以执行 ②保存的路径这个是win,如果是linux只要格式改为linux下的格式就可

分手后的思念是犯贱/ 2022年01月29日 10:17/ 0 赞/ 248 阅读

相关直接把页面的table导出到excel表中

前台HTML ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 1 <%@ Page Language="C

ゝ一世哀愁。/ 2021年11月22日 08:28/ 0 赞/ 330 阅读

相关 PHP 直接使用html输出excel

1 <?php 2 header("Cache-Control:public"); 3 header("Pragma:public");

柔光的暖阳◎/ 2021年11月09日 02:58/ 0 赞/ 402 阅读

相关直接把table内容导出到word或excel

2008-06-24 17:32 <table style="TABLE-LAYOUT: fixed"> <tbody> <tr> <td> <d

待我称王封你为后i/ 2021年09月10日 08:06/ 0 赞/ 652 阅读

相关使用jquery.table2excel，将HTML的table标签数据导出成excel，包含导出图片到excel

<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="tex

小鱼儿/ 2021年09月09日 08:50/ 0 赞/ 481 阅读