jsp导出excel浏览器兼容

最新推荐文章于 2023-03-16 15:07:51 发布
原创 最新推荐文章于 2023-03-16 15:07:51 发布 · 1.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#导出excel #浏览器兼容导出

这篇博客介绍了如何在JavaScript中实现HTML表格数据的导出到Excel，并确保在不同浏览器（包括IE）上的兼容性。通过`isIE()`函数判断浏览器类型，然后使用`getXlsFromTbl()`和`getTblData()`方法处理表格内容，生成Excel文件。文章还涉及到在非IE浏览器中利用data URI方案进行下载，以及`getExcelFileName()`用于生成文件名的方法。此外，文章展示了如何从后台获取数据并填充到表格中，最后提供了一个包含日期、增减项和库存相关数据的示例表格。

调用：

<a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-print',plain:true" onclick="getXlsFromTbl('tjcx_zxmxbbd_searchForm_table', '');">导出</a>

表格内容：

<table  border="1"  style="border: 0px solid #ADADAD;border-collapse:collapse;" >
                        <tr style="background: #E1E1E1">
                        <td width="70" rowspan="2" style="text-indent:0.3em;">日期</td><td colspan="7" align="center">增加</td><td colspan="8" align="center">减少</td><td colspan="2" align="center">实际库存</td><td width="40" rowspan="2" align="center">结存</td>
                        </tr>
                        <tr style="background: #E1E1E1">
                        <td width="60" style="text-indent:0.3em;">一次发行</td>
                        <td width="50" style="text-indent:0.3em;">置换品</td>
                        <td width="40" style="text-indent:0.3em;">盘点</td>
                        <td width="60" style="text-indent:0.3em;">调拨退回</td>
                        <td width="40" style="text-indent:0.3em;">次品</td>
                        <td width="80" style="text-indent:0.3em;">运管卡次品</td>
                        <td width="80" style="text-indent:0.3em;">次品在用</td>
                        <td width="40" style="text-indent:0.3em;">调拨</td>
                        <td width="90" style="text-indent:0.3em;">次品回收</td>
                        <td width="70" style="text-indent:0.3em;">次品报废</td>
                        <td width="40" style="text-indent:0.3em;">置换</td>
                        <td width="40" style="text-indent:0.3em;">盘点</td>
                        <td width="80" style="text-indent:0.3em;">综合部出库</td>
                        <td width="80" style="text-indent:0.3em;">运管卡出库</td>
                        <td width="40" style="text-indent:0.3em;">测试</td>
                        <td width="40" style="text-indent:0.3em;">正品</td>
                        <td width="40" style="text-indent:0.3em;">次品</td>
                        </tr>



方法内容：

<script type="text/javascript" charset="utf-8">






function isIE() {

if (!!window.ActiveXObject || "ActiveXObject" in window)

return true;

else

return false;

}

function getXlsFromTbl(inTblId, inWindow) {

try {

var allStr = "";

var curStr = "";

var fileName = getExcelFileName();


if (inTblId != null && inTblId != "" && inTblId != "null") {

var hh = isIE();

if (hh == true) //IE浏览器

{

curStr = getTblData(inTblId, inWindow);

if (curStr != null) {

allStr += curStr;

}

else {

alert("你要导出的表不存在！");

return;

}

doFileExport(fileName, allStr);

} else {

curStr = getTblData1(inTblId, inWindow);

if (curStr != null) {

allStr += curStr;

}

else {

alert("你要导出的表不存在！");

return;

}

var uri = 'data:text/xls;charset=utf-8,\ufeff' + encodeURIComponent(allStr);

//创建a标签模拟点击下载

var downloadLink = document.createElement("a");

downloadLink.href = uri;

downloadLink.download = fileName;

document.body.appendChild(downloadLink);

downloadLink.click();

document.body.removeChild(downloadLink);

}

}

}

catch (e) {

alert("导出发生异常:" + e.name + "->" + e.description + "!");

}

}

function getTblData(inTbl, inWindow) {

var rows = 0;


var tblDocument = document;

if (!!inWindow && inWindow != "") {

if (!document.all(inWindow)) {

return null;

}

else {

tblDocument = eval(inWindow).document;

}

}

var curTbl = tblDocument.getElementById(inTbl);

var outStr = "";

if (curTbl != null) {

for (var j = 0; j < curTbl.rows.length; j++) {


for (var i = 0; i < curTbl.rows[j].cells.length; i++) {


if (i == 0 && rows > 0) {

outStr += " \t";

rows -= 1;

}
if(curTbl.rows[j].cells[i].innerHTML==''){
    outStr += 0 + "\t"; //\t";    
}else{
    
outStr += curTbl.rows[j].cells[i].innerHTML + "\t"; //\t";
}

if (curTbl.rows[j].cells[i].colSpan > 1) {

for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {

outStr += " \t";

}

}

if (i == 0) {

if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {

rows = curTbl.rows[j].cells[i].rowSpan - 1;

}

}

}

outStr += "\r\n";

}

}

else {

outStr = null;

alert(inTbl + "不存在!");

}

return outStr;

}

function getTblData1(inTbl, inWindow) {

var rows = 0;

var tblDocument = document;

//tblDocument = eval(inWindow).document;

var curTbl = tblDocument.getElementById(inTbl);

var outStr = "";

if (curTbl != null) {

for (var j = 0; j < curTbl.rows.length; j++) {

for (var i = 0; i < curTbl.rows[j].cells.length; i++) {

if (i == 0 && rows > 0) {

outStr += " \t"; // \t";

rows -= 1;

}
if(curTbl.rows[j].cells[i].innerHTML==''){
    outStr += 0 + "\t"; //\t";    
}else{
    
outStr += curTbl.rows[j].cells[i].innerHTML + "\t"; //\t";
}


if (curTbl.rows[j].cells[i].colSpan > 1) {

for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {

outStr += "\t"; // \t";

}

}

if (i == 0) {

if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {

rows = curTbl.rows[j].cells[i].rowSpan - 1;

}

}

}

outStr += "\r\n";

}

}

else {

outStr = null;

alert(inTbl + "不存在 !");

}

return outStr;

}

function getExcelFileName() {

var d = new Date();

var curYear = d.getYear();

var curMonth = "" + (d.getMonth() + 1);

var curDate = "" + d.getDate();

var curHour = "" + d.getHours();

var curMinute = "" + d.getMinutes();

var curSecond = "" + d.getSeconds();

if (curMonth.length == 1) {

curMonth = "0" + curMonth;

}

if (curDate.length == 1) {

curDate = "0" + curDate;

}

if (curHour.length == 1) {

curHour = "0" + curHour;

}

if (curMinute.length == 1) {

curMinute = "0" + curMinute;

}

if (curSecond.length == 1) {

curSecond = "0" + curSecond;

}

var fileName = "中心明细日报表" + "_" + curYear + curMonth + curDate + "_"

+ curHour + curMinute + curSecond + ".xls";

return fileName;

}

function doFileExport(inName, inStr) {

var xlsWin = null;

if (!!document.all("glbHideFrm")) {

xlsWin = glbHideFrm;

}

else {

var width = 6;

var height = 4;

var openPara = "left=" + (window.screen.width / 2 - width / 2)

+ ",top=" + (window.screen.height / 2 - height / 2)

+ ",scrollbars=no,width=" + width + ",height=" + height;

xlsWin = window.open("", "_blank", openPara);

}

xlsWin.document.write(inStr);

xlsWin.document.close();

xlsWin.document.execCommand('Saveas', true, inName);

xlsWin.close();

}



$.ajax({
                        url : '${pageContext.request.contextPath}/zxmxbbController/getZxmxbbd.action',
                        data : obj,
                        dataType : 'json',
                            beforeSend:function() {
                             $.messager.progress({
                                            title: '中心明细日报表',//显示到panel头部的标题文本,默认值''.
                                            //msg: '1',//消息框的body文本,默认值''.
                                            text: '正在查询中...'//这个文本显示到进度条上, 默认未定义.
                                            //interval: //每个进度更新的毫秒值长度,默认值 300.
                                        });
                        },
                        complete:function(data) {
                            $.messager.progress('close') ;
                        },
                        success : function(result) {
                            tjcx_zxmxbbd_refushtable() ;
                            var head='<tr style="background: #E1E1E1">'
                            +'<td width="70" rowspan="2" style="text-indent:0.3em;">日期</td><td colspan="7" align="center">增加</td><td colspan="8" align="center">减少</td><td colspan="2" align="center">实际库存</td><td width="40" rowspan="2" align="center">结存</td>'
                            +'</tr>'
                            +'<tr style="background: #E1E1E1">'
                            +'<td width="60" style="text-indent:0.3em;">一次发行</td>'
                            +'<td width="50" style="text-indent:0.3em;">置换品</td>'
                            +'<td width="40" style="text-indent:0.3em;">盘点</td>'
                            +'<td width="60" style="text-indent:0.3em;">调拨退回</td>'
                            +'<td width="40" style="text-indent:0.3em;">次品</td>'
                            +'<td width="80" style="text-indent:0.3em;">运管卡次品</td>'
                            +'<td width="80" style="text-indent:0.3em;">次品在用</td>'
                            +'<td width="40" style="text-indent:0.3em;">调拨</td>'
                            +'<td width="90" style="text-indent:0.3em;">次品回收</td>'
                            +'<td width="70" style="text-indent:0.3em;">次品报废</td>'
                            +'<td width="40" style="text-indent:0.3em;">置换</td>'
                            +'<td width="40" style="text-indent:0.3em;">盘点</td>'
                            +'<td width="80" style="text-indent:0.3em;">综合部出库</td>'
                            +'<td width="80" style="text-indent:0.3em;">运管卡出库</td>'
                            +'<td width="40" style="text-indent:0.3em;">测试</td>'
                            +'<td width="40" style="text-indent:0.3em;">正品</td>'
                            +'<td width="40" style="text-indent:0.3em;">次品</td>'
                            +'</tr>';
                            
                            $('#tjcx_zxmxbbd_searchForm_table').append(head) ;
                            var resrows = result ;
                            var reshtml = '<tr><td colspan="19" align="center">未加载到数据</td></tr>' ;
                            if(resrows != null && resrows.length > 0){
                                reshtml = "" ;
                                for(var a=0;a<resrows.length;a++){
                                   // var resindex = a+1 ;
                                  /*   if(a == resrows.length-1){ */
                                    reshtml = reshtml + '<tr><td width="70" style="text-indent:0.3em;">'+resrows[a].daynum+'</td><td width="60" style="text-indent:0.3em;">'+resrows[a].ycrk+'</td><td width="50" style="text-indent:0.3em;">'+resrows[a].zhrk+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].pdrk+'</td><td width="60" style="text-indent:0.3em;">'+resrows[a].dbthrk+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].cpsjrk+'</td><td width="80" style="text-indent:0.3em;">'+resrows[a].ygkrk+'</td><td width="80" style="text-indent:0.3em;">'+resrows[a].cpkzyck+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].dbck+'</td>'
                                    +'<td width="90" style="text-indent:0.3em;">'+resrows[a].cpkzyck+'</td><td width="70" style="text-indent:0.3em;">'+resrows[a].cpbfck+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].cpzhck+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].pdck+'</td><td width="80" style="text-indent:0.3em;">'+resrows[a].zhbck+'</td><td width="80" style="text-indent:0.3em;">'+resrows[a].ygkck+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].csck+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].zpjc+'</td><td width="40" style="text-indent:0.3em;">'+resrows[a].cpjc+'</td><td style="text-indent:0.3em;" width="40">'+resrows[a].jcnum+'</td></tr>';                                    
                                   /*  }else{
                                    reshtml = reshtml + '<tr><td style="text-indent:0.3em;">'+resrows[a].daynum+'</td><td style="text-indent:0.3em;">'+resrows[a].ycrk+'</td><td style="text-indent:0.3em;">'+resrows[a].zhrk+'</td><td style="text-indent:0.3em;">'+resrows[a].pdrk+'</td><td style="text-indent:0.3em;">'+resrows[a].cpsjrk+'</td><td style="text-indent:0.3em;">'+resrows[a].ygkrk+'</td><td style="text-indent:0.3em;">'+resrows[a].dbck+'</td><td style="text-indent:0.3em;">'+
                                    +resrows[a].cpkzyck+'</td><td style="text-indent:0.3em;">'+resrows[a].cpbfck+'</td><td style="text-indent:0.3em;">'+resrows[a].cpzhck+'</td><td style="text-indent:0.3em;">'+resrows[a].pdck+'</td><td style="text-indent:0.3em;">'+resrows[a].zpjc+'</td><td style="text-indent:0.3em;">'+resrows[a].cpjc+'</td><td style="text-indent:0.3em;">'+resrows[a].jcnum+'</td></tr>'+
                                    '<tr><td colspan="14" height="1" style="background: #E1E1E1"></td></tr>';                                        
                                    } */

                                }
                                //reshtml = reshtml + '<tr><td height="30">合计</td><td colspan="13" align="left">'+resrows.length+'笔</td></tr>' ;
                            }
                            $('#tjcx_zxmxbbd_searchForm_table').append(reshtml) ;
                            tjcx_zxmxbbd_printFun_results = reshtml ;
                            if(resrows != null && resrows.length > 0){    
                                var sumHtml = '<tr><tr><td width="70" style="text-indent:0.3em;">'+'合计'+'</td>';
                                var colLength = $("#tjcx_zxmxbbd_searchForm_table").find("tr").eq(0).find("td").size();
                                for(var i = 1;i<19;i++){
                                    var sum = 0;
                                    for(var j=2;j<resrows.length+2;j++){
                                        var valStr = $.trim($("#tjcx_zxmxbbd_searchForm_table").find("tr").eq(j).find("td").eq(i).html());
                                        var val = valStr==''?0:valStr;
                                        sum +=  parseInt(val);
                                        }
                                    sumHtml += '<td style="text-indent:0.3em;">' + sum + '</td>';
                                }
                                sumHtml +='</tr>';
                            $('#tjcx_zxmxbbd_searchForm_table').append(sumHtml);
                            tjcx_zxmxbbd_printFun_results +=sumHtml;
                        }
                        }
                    });





</script>




导出结果：

<

日期增加      减少       实际库存 结存
 一次发行置换品盘点调拨退回次品运管卡次品次品在用调拨次品回收次品报废置换盘点综合部出库运管卡出库测试正品次品 
2015/1/1000000000000000000
2015/1/23000000003000000000000
2015/1/3000000000000000000
2015/1/4100000000010000000000000
2015/1/5589800000058980000000000
2015/1/6128300000012830000000000
2015/1/7183000000018330000000000
2015/1/88120000008120000000000
2015/1/9100000010000000000
2015/1/10352400000035240000000000
2015/1/117220000007220000000000
2015/1/125240000005240000000000
2015/1/13364600000036460000000129917493048
2015/1/143010000003010000000000


欣赏月光
关注
jsp+servlet 导出Excel表格
loveml的博客
11-23 885
1.项目的目录结构 2.创建一个订单类，下面会通过查询数据库把数据封装成订单实例列表 package csh.entity; /** * @author 悦文 * @create 2018-10-24 18:41 **/ public class Order { private int id; private String name; private in...
jsp导出身份证到excel时候格式不对但以X结尾的却可以
10-25
需要注意的是，此方法可能需要在不同的Excel版本和不同的浏览器上进行测试，以确保兼容性和有效性。 文章中还提到，有时在本地测试时能够正常工作，但部署到服务器上就会出现效果不佳的情况。这种情况通常是由于...
jsp浏览器的兼容性
11-13
此文档帮助jsp开发人员解决在各浏览器中不兼容问题，提出解决方法；此文档可解决Firefox，谷歌，百度和IE6/7/9浏览器的兼容问题
jsp导出Excel
Seven的专栏
08-25 5135
jsp导出Excel  使用jsp导出到excel汇总设置excel的导出格式因为ms word和excel的文档都支持html文本格式，因此可以先用word或excel做好模版，另存为Web页，然后将该html改成jsp，将数据部分动态填入即可，不用很辛苦的调整格式 word页面只要在jsp头设置如下指令：%@page contentType="application/msword;
从jsp页面导出Excel（IE和其他浏览器下）
offer快到碗里来
11-18 836
var idTmr; function isIE() { //ie?             if (!!window.ActiveXObject || "ActiveXObject" in window)                 return true;             else                 return false;         }    
jsp页面导出成excel（局限于Chrome和FireFox）
qq_36856975的博客
07-11 560
1.先上源码，后面解释： //数据导出功能 $("#FrostDataExcel").append("数据导出"); var html_table ="无霜方程为："+listEquation[0]+"有霜方程为："+listEquation[1]+""+ "表1 霜与各气象要素的相关系数"+document.getElementsByTagName("thead")[0].ou
jsp页面导出excel
02-06
jsp页面导出excel的实现相关代码，是从整个项目中把相关的几个页面拿出来分享一下
jQuery导出Excel：全浏览器兼容解决方案
"该资源提供了一种使用jQuery导出Excel的方法，能够兼容多种浏览器。提供的代码示例包括界面JS代码和基础包含文件的部分内容，用户只需要根据自己的需求对代码进行少量修改即可使用。主要涉及的技术标签有jQuery和...
JSP导出Excel常见问题及解决方案汇总
本篇将围绕JSP导出Excel的一般性问题及其解决办法进行汇总，以便为遇到相关问题的开发者提供参考。 首先，JSP导出Excel的核心思想是通过动态生成Excel文件的内容，并以文件的形式发送给客户端进行下载。在Java Web...
jsp表格导出到EXCEL.doc
最新发布
05-07
在实现JSP导出到Excel功能时，主要的挑战是处理Web页面上的动态数据，并将其格式化为Excel兼容的格式，如CSV或XLS。这通常涉及到生成一个具有特定MIME类型的HTTP响应，该响应告知浏览器将内容作为文件保存，而不是在...
有关导出Excel文件打不开问题
雨陆聪辰的博客
03-21 8660
我遇到这个问题是因为，我在查询数据的时候没有将时间进行转换； 例如： select here,time from emp; 要写成： select here,to_char(time, 'yyyy-mm-dd hh24:mi:ss') time from emp; 这样就好了
jsp导出Excel功能的实现
weixin_30322405的博客
10-28 443
借助POI的excel接口，可以方便得实现excel导出功能： 首先需要引入poi对应的jar包 1.前端jsp页面需要一个a链接。 web页面文件MIM类型的下载，只需要一个a元素，该a可以链到该文件在服务器端的实体路径，也可以链接到一个servelt，将该文件写到response的输出流中。其他的下载浏览器会自动帮助完成。 <a type="button" class="bt...
jsp导出excel报response之类的异常
xiguame的专栏
09-06 725
在导出页面的最后加入 out.clear(); out = pageContext.pushBody();
vue前端后台处理数据，下载成xls根式的文件，部分数据乱码的的解决方法
qq_45353152的博客
01-19 426
之前导出xls表单数据记录的文章： https://blog.youkuaiyun.com/qq_45353152/article/details/109545157 根据之前的修改导出方法修改了编码处理方法，之前用的base64处理的乱码， leturi='data:text/csv;charset=utf-8,\ufeff'; document.getElementById('exportToExcel').href=uri+encodeURIComponent(template)//B...
excel导出
m0_50499376的博客
03-16 224
放进去即可，jsonData为需要导出的数据（注意对象里的顺序，需和列表头对应）
JQ导出Excel文件
℡メ㏑╭ァ小凯
02-04 519
格式代码如下，不过这个方式有个BUG，如果我的字段里面有因为的逗号，导出来之后会给你自动分列了，如果要找好用的，可以下载SheetJS，里面有导入导出方法 var str = "品牌,类型,规则名称,是否股东方,忠诚度,产品编号,规则地址\n"; for (var i = 0; i < datas.length; i++) { var item = datas[i];
js 方式的excel数据导出
m15712884682的博客
10-10 193
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <html> <head> <p style="font-size: 20px;color: red;">使用js方式将json导出csv文件</p> <button onclick...
前端导出（JSON\数据流）
qq_40677969的博客
11-01 1293
前端导出
xls 编码 utf-8
weixin_34234823的博客
11-27 1344
直接用 Excel 打开 UTF-8 编码的 CSV 文件会导致汉字部分出现乱码。原因是 Excel 以 ANSI格式打开，不会做编码识别。 ==打开 UTF-8 编码的 CSV 文件的方法：1) 打开 Excel2) 执行“数据”->“自文本”3) 选择 CSV 文件，出现文本导入向导4) 选择“分隔符号”，下一步5) 勾选“逗号”，去掉“ Tab 键”，下一步，完成6）在“导入数据”...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值