web导出excel文件的几种方法

总的来说，两种方法：服务器端生成和浏览器端生成。

服务器端生成就是：根据用户请求，获取相应的数据，使用poi/jxl, jacob/jawin+excel,或是用数据拼html的table或是cvs纯文本的数据格式等。然后按.xls或是.cvs格式的文件的形式返回给用户，指定Content-Type:application/vnd.ms-excel ,浏览器就会提示要下载的文件是excel文件。

poi/jxl, jacob/jawin生成的是excel的biff格式。html/csv的是文本格式，不另存为excel文件，很多excel功能是用不了的。jacob/jawin需要服务器端是windows系统，且安装了excel2000以上版本。poi/jxl和html/csv方式的话，服务器端可以跨平台。

浏览器端生成excel文件还没有特别完善的方案，这是因为js无法处理二进制。大概有以下几个方案，各有利弊。

1. activex方式：使用js/vbs调用excel对象，http://setting.iteye.com/blog/219302，有个extjs的gridpanel导出为excel的例子。 （ie+excel）

2. ie命令方式：将html或是csv输出到open的window，然后使用execCommand的saveas命令，存为csv或xls。 (ie6 only)

3. 服务器端中转方式：将html的table或是拼接的csv传到服务器端，服务器端再按照Content-Type:application/vnd.ms-excel返回，浏览器就会按excel方式处理。与服务器端拼接相比，少了一次取数操作。 (all)

4. data协议方式：对于支持data协议的浏览器，可以将html或是csv先用js base64处理，然后前缀data:application/vnd.ms-excel;base64,，即可使浏览器将其中的数据当做excel来处理，浏览器将提示下载或打开excel文件,可惜的是ie不支持。extjs的官网有一个grid的plugin，实现导出xhtml格式的伪excel文件，就是这么做的。 (except IE)

浏览器端只有第一种方案导出的是真正的biff格式的excel文件，其他方式都是文本格式。activex方式只能在windows平台的ie浏览器使用，而且需要降低ie的安全性，所以应用比较有限。复杂的excel文件，还是在服务器端用poi/jxl生成excel比较好。如果浏览器固定位ie6，浏览器端方式2是最好的方案。如果要降低服务器端cpu的计算压力，客户端方案3可行，而且跨平台（比poi/jxl方式少了取数和生成二进制文件）。如果是非ie浏览器，方案4也不失为一种好方法。

 

ps: 还有一个方案，就是让安装了ie和excel的用户在网页上右键，点击“导出到 Microsoft Excel”，然后可以选择要导出的table区域，点“导入”按钮，完成导入。

js：页面导出excel：

 var idTmr;

        function  getExplorer() {

            var explorer = window.navigator.userAgent ;

            //ie 

            if (explorer.indexOf("MSIE") >= 0) {

                return 'ie';

            }

            //firefox 

            else if (explorer.indexOf("Firefox") >= 0) {

                return 'Firefox';

            }

            //Chrome

            else if(explorer.indexOf("Chrome") >= 0){

                return 'Chrome';

            }

            //Opera

            else if(explorer.indexOf("Opera") >= 0){

                return 'Opera';

            }

            //Safari

            else if(explorer.indexOf("Safari") >= 0){

                return 'Safari';

            }

        }

        

        function method1(tableid) {//整个表格拷贝到EXCEL中

            if(getExplorer()=='ie')

            {

                var curTbl = document.getElementById(tableid);

                var oXL = new ActiveXObject("Excel.Application");

                

                //创建AX对象excel 

                var oWB = oXL.Workbooks.Add();

                //获取workbook对象 

                var xlsheet = oWB.Worksheets(1);

                //激活当前sheet 

                var sel = document.body.createTextRange();

                sel.moveToElementText(curTbl);

                //把表格中的内容移到TextRange中 

                sel.select();

                //全选TextRange中内容 

                sel.execCommand("Copy");

                //复制TextRange中内容  

                xlsheet.Paste();

                //粘贴到活动的EXCEL中       

                oXL.Visible = true;

                //设置excel可见属性

                try {

                    var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");

                } catch (e) {

                    print("Nested catch caught " + e);

                } finally {

                    oWB.SaveAs(fname);

                    oWB.Close(savechanges = false);

                    //xls.visible = false;

                    oXL.Quit();

                    oXL = null;

                    //结束excel进程，退出完成

                    //window.setInterval("Cleanup();",1);

                    idTmr = window.setInterval("Cleanup();", 1);

                }

                

            }

            else

            {

                tableToExcel(tableid)

            }

        }

        function Cleanup() {

            window.clearInterval(idTmr);

            CollectGarbage();

        }

        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><!--[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) {

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

                var htmlVlue=$("#"+gridId).find(".x-grid3-viewport").html();

                //htmlVlue=htmlVlue.replace('','');

                //var a='<img class="x-grid3-sort-icon" src="/SMP/pub/lib/Ext3/resources/images/default/s.gif" alt="">';

                

                // htmlVlue=htmlVlue.replace($(".x-grid3-sort-icon").html(),'');

                var ctx = {worksheet: name || '营业部监控', table:htmlVlue }

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

              }

            })()