您现在的位置:首页 >> 前端 >> 内容

将前台表格信息导出到EXCEL的方法实现

时间:2018/7/14 13:56:17 点击:

  核心提示:将前台表格信息导出到EXCEL的方法实现$(#btn_export).click(function () {//js导出Excel的方法//利用html的table表格的格式书写想要的excel格式/...

将前台表格信息导出到EXCEL的方法实现

将前台表格信息导出到EXCEL的方法实现

将前台表格信息导出到EXCEL的方法实现

        $("#btn_export").click(function () {
            //js导出Excel的方法
            //利用html的table表格的格式书写想要的excel格式
            //获取table的内容并组装成一个xls格式的字符串
            //利用Blob对象生成一个xls格式的文件
            //利用a标签的download属性创建文件名,并下载到本地
            //将字符串转成xls文件,主要利用Blob对象和URL.createObjectURL() 方法
            //Blob对象表示不可变的类似文件对象的原始数据。Blob表示不一定是JavaScript原生形式的数据。 File 接口基于Blob,继承了 blob的功能并将其扩展使其支持用户系统上的文件。
            //URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。


            //读取gridPanel中的HTML
            var oHtml = document.getElementById('gridPanel').outerHTML;
            //拼装 HTML
            var excelHtml = '<html>';
            excelHtml +='<head>';
            excelHtml +='<meta charset="utf-8" />';
            excelHtml +='</head>';
            excelHtml +='<body>'+oHtml+'</body>';
            excelHtml += '</html> ';
            var excelBlob = new Blob([excelHtml], {type: 'application/vnd.ms-excel'})
            // 创建一个a标签
            var oA = document.createElement('a');
            // 利用URL.createObjectURL()方法为a元素生成blob URL
            oA.href = URL.createObjectURL(excelBlob);
            // 给文件命名
            oA.download = '项目问题综合统计.xls';
            // 模拟点击
            oA.click();
            // 移除
            oA.remove();
        });

作者:网络 来源:兰