前端导出Excel文件(Table导出到Excel)

//调用导出Excel方法
tableToExcel(document.getElementById("flag_toExcel"), "Report" + currentTime, "Report" + currentTime + ".xls");


//导出excel
    var tableToExcel = (function () {

        var uri = 'data:application/vnd.ms-excel;base64,',

            template = '<meta http-equiv=\"content-type\" content=\"application/vnd.ms-excel; charset=utf-8\"/><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, filename) {

            if (!table.nodeType) table = document.getElementById(table);

            var ctx = {

                worksheet: name || 'Worksheet',

                table: table.innerHTML

            };
            //window.location.href = uri + base64(format(template, ctx));

            document.getElementById("dlink").href = uri + base64(format(template, ctx));
            document.getElementById("dlink").download = filename;//这里是关键所在,当点击之后,设置a标签的属性,这样就可以更改标签的标题了<a id="dlink" style="display:none;"></a>
            document.getElementById("dlink").click();

        }

    })();

//调用导出Excel方法
tableToExcel(document.getElementById("flag_toExcel"), "Report" + currentTime, "Report" + currentTime + ".xls");


//导出excel
    var tableToExcel = (function () {

        var uri = 'data:application/vnd.ms-excel;base64,',

            template = '<meta http-equiv=\"content-type\" content=\"application/vnd.ms-excel; charset=utf-8\"/><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, filename) {

            if (!table.nodeType) table = document.getElementById(table);

            var ctx = {

                worksheet: name || 'Worksheet',

                table: table.innerHTML

            };
            //window.location.href = uri + base64(format(template, ctx));

            document.getElementById("dlink").href = uri + base64(format(template, ctx));
            document.getElementById("dlink").download = filename;//这里是关键所在,当点击之后,设置a标签的属性,这样就可以更改标签的标题了<a id="dlink" style="display:none;"></a>
            document.getElementById("dlink").click();

        }

    })();

猜你喜欢

转载自blog.csdn.net/qingkaqingka/article/details/88079500