二进制流导出excel(兼容IE8以上)_java兼容老版本IE后端导出excel资源-CSDN下载

共7个文件

js：5个

html：2个

Excel导出

兼容IE

多页导出

2星需积分: 49 2 浏览量 2019-01-08 16:28:33 上传评论收藏 348KB ZIP 举报

在IT行业中，二进制流导出Excel是一种常见的数据处理技术，主要用于网页应用程序将大量数据以Excel格式提供给用户下载。这种技术对于那些需要在浏览器环境中处理和展示表格数据的应用非常有用，尤其考虑到兼容性问题，如兼容不同版本的Office（包括WPS）和浏览器，特别是对旧版IE（Internet Explorer）的支持。标题"二进制流导出excel(兼容IE8以上)"所涉及的关键知识点主要包括： 1. **二进制流**：二进制流是计算机处理数据的一种方式，它以二进制形式表示和传输数据。在导出Excel时，数据被转换为二进制格式，以便于浏览器直接下载和解析，而不是以文本或HTML的形式。 2. **Excel导出**：这个过程涉及到生成Excel文件，可能使用诸如JavaScript库如SheetJS、Papa Parse或者服务器端语言如PHP、Java的库。这些工具能够将数据结构化为Excel兼容的格式，并生成二进制流。 3. **兼容性**：在描述中提到的“兼容IE8以上”，意味着这个方法经过优化，可以在Internet Explorer 8及更高版本上运行，这是对老版本浏览器支持的体现。考虑到IE浏览器在某些企业的广泛使用，这种兼容性非常重要。 4. **多页导出**：多页导出意味着可以处理大量数据并将其分页到多个工作表或工作簿中，这对于大型数据集的导出非常有用。这可能需要通过动态创建多个Excel工作表来实现。 5. **浏览器兼容**：除了IE之外，还必须确保在其他主流浏览器如Chrome、Firefox、Safari和Edge上也能正常工作。这通常涉及到对各种浏览器API和行为的理解，以及可能需要使用polyfills来填补不同浏览器之间的功能差异。 6. **代码简单易懂**：这是开发中的一个重要原则，表明提供的解决方案应该易于理解和维护。这意味着源代码应该有良好的结构，注释清晰，遵循一定的编程规范。在实际应用中，要实现这样的功能，开发者可能需要以下几个步骤： 1. **数据准备**：将业务数据转化为适合Excel的格式，如二维数组或JSON。 2. **生成二进制流**：使用上述提到的库或工具将数据转换为二进制流。 3. **设置响应头**：在服务器端，设置HTTP响应头，指定Content-Type为'application/vnd.ms-excel'，并设置Content-Disposition为'attachment; filename=导出的文件名.xls'，这样浏览器会将数据当作Excel文件下载。 4. **发送二进制流**：将生成的二进制流发送到客户端，触发浏览器的下载。 5. **处理兼容性**：使用条件语句或库（如html5shiv、respond.js等）来处理IE和其他浏览器的CSS和JavaScript兼容性问题。 "二进制流导出Excel(兼容IE8以上)"是一项涉及前端和后端技术的复杂任务，需要理解二进制数据处理、Excel文件格式、浏览器兼容性和代码可读性等多个方面。通过这种方式，开发者可以为用户提供一个方便的数据导出体验，同时确保在各种环境下的稳定性和性能。

资源详情

资源评论

资源推荐

收起资源包目录

二进制流导出excel兼容IE.zip （7个子文件）

二进制流导出excel兼容IE

excel.html 4KB

xlsx.full.min.js 900KB

FileSaver.js 6KB

Blob.js 6KB

ga.js 45KB

shim.min.js 6KB

1224.html 6KB

<!DOCTYPE html>  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Export Demo</title> <style> .xport, .btn { display: inline; text-align:center; } a { text-decoration: none } #data-table, #data-table th, #data-table td { border: 1px solid black } </style> </head> <body>  <script type="text/javascript" async="" src="./js/ga.js"></script> <script type="text/javascript" src="./js/shim.min.js"></script> <script type="text/vbscript" language="vbscript"> IE_GetProfileAndPath_Key = "HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders\" Function IE_GetProfileAndPath(key): Set wshell = CreateObject("WScript.Shell"): IE_GetProfileAndPath = wshell.RegRead(IE_GetProfileAndPath_Key & key): IE_GetProfileAndPath = wshell.ExpandEnvironmentStrings("%USERPROFILE%") & "!" & IE_GetProfileAndPath: End Function Function IE_SaveFile_Impl(FileName, payload): Dim data, plen, i, bit: data = CStr(payload): plen = Len(data): Set fso = CreateObject("Scripting.FileSystemObject"): fso.CreateTextFile FileName, True: Set f = fso.GetFile(FileName): Set stream = f.OpenAsTextStream(2, 0): For i = 1 To plen Step 3: bit = Mid(data, i, 2): stream.write Chr(CLng("&h" & bit)): Next: stream.Close: IE_SaveFile_Impl = True: End Function </script><script type="text/vbscript" language="vbscript"> Function IE_LoadFile_Impl(FileName): Dim out(), plen, i, cc: Set fso = CreateObject("Scripting.FileSystemObject"): Set f = fso.GetFile(FileName): Set stream = f.OpenAsTextStream(1, 0): plen = f.Size: ReDim out(plen): For i = 1 To plen Step 1: cc = Hex(Asc(stream.read(1))): If Len(cc) < 2 Then: cc = "0" & cc: End If: out(i) = cc: Next: IE_LoadFile_Impl = Join(out,""): End Function </script> <script type="text/javascript" src="./js/xlsx.full.min.js"></script> <script type="text/javascript" src="./js/Blob.js"></script> <script type="text/javascript" src="./js/FileSaver.js"></script> <script> function doit(type, fn, dl) { var elt = document.getElementById('data-table'); var wb = XLSX.utils.table_to_book(elt, {sheet:"Sheet JS"}); return dl ? XLSX.write(wb, {bookType:type, bookSST:true, type: 'base64'}) : XLSX.writeFile(wb, fn || ('test.' + (type || 'xlsx'))); } </script> <div id="container"><title>SheetJS Table Export</title> <table id="data-table"><tbody> <tr> <td t="s" id="sjs-A1"><span contenteditable="true">This</span></td> <td t="s" id="sjs-B1"><span contenteditable="true">is</span></td> <td t="s" id="sjs-C1"><span contenteditable="true">a</span></td> <td t="s" id="sjs-D1"><span contenteditable="true">Test</span></td> </tr> <tr> <td t="n" id="sjs-A3"><span contenteditable="true">1</span></td> <td t="n" id="sjs-B3"><span contenteditable="true">2</span></td> <td t="n" id="sjs-C3"><span contenteditable="true">3</span></td> <td t="n" id="sjs-D3"><span contenteditable="true">4</span></td> </tr> <tr> <td t="s" id="sjs-A4"><span contenteditable="true">Click</span></td> <td t="s" id="sjs-B4"><span contenteditable="true">to</span></td> <td t="s" id="sjs-C4"><span contenteditable="true">edit</span></td> <td t="s" id="sjs-D4"><span contenteditable="true">cells</span></td> </tr></tbody></table></div> <script type="text/javascript"> /* initial table */ var aoa = [ ["This","is","a","Test"], [1,7, 8,9], ["Click","to","edit","cells"] ]; var ws = XLSX.utils.aoa_to_sheet(aoa); var html_string = XLSX.utils.sheet_to_html(ws, { id: "data-table", editable: true }); document.getElementById("container").innerHTML = html_string; </script> <br> <pre><b>导出开始</b></pre> <table id="xport"> <tbody> <tr><td><pre>XLSX Excel 2007+ XML</pre></td><td> <p id="xportxlsx" class="xport"><input type="submit" value="Export to XLSX!" onclick="doit('xlsx');"></p> <p id="xlsxbtn" class="btn"></p> </td></tr> <tr><td><pre>XLSB Excel 2007+ Binary</pre></td><td> <p id="xportxlsb" class="xport"><input type="submit" value="Export to XLSB!" onclick="doit('xlsb');"></p> <p id="xlsbbtn" class="btn"></p> </td></tr> <tr><td><pre>XLS Excel 97-2004 Binary</pre></td><td> <p id="xportbiff8" class="xport"><input type="submit" value="Export to XLS!" onclick="doit('biff8', 'test.xls');"></p> <p id="biff8btn" class="btn"></p> </td></tr> <tr><td><pre>ODS</pre></td><td> <p id="xportods" class="xport"><input type="submit" value="Export to ODS!" onclick="doit('ods');"></p> <p id="odsbtn" class="btn"></p> </td></tr> <tr><td><pre>Flat ODS</pre></td><td> <p id="xportfods" class="xport"><input type="submit" value="Export to FODS!" onclick="doit('fods', 'test.fods');"></p> <p id="fodsbtn" class="btn"></p> </td></tr> </tbody></table> <script type="text/javascript"> function tableau(pid, iid, fmt, ofile) { if(typeof Downloadify !== 'undefined') Downloadify.create(pid,{ swf: 'downloadify.swf', downloadImage: 'download.png', width: 100, height: 30, filename: ofile, data: function() { return doit(fmt, ofile, true); }, transparent: false, append: false, dataType: 'base64', onComplete: function(){ alert('Your File Has Been Saved!'); }, onCancel: function(){ alert('You have cancelled the saving of this file.'); }, onError: function(){ alert('You must put something in the File Contents or there will be nothing to save!'); } }); else document.getElementById(pid).innerHTML = ""; } tableau('biff8btn', 'xportbiff8', 'biff8', 'test.xls'); tableau('odsbtn', 'xportods', 'ods', 'test.ods'); tableau('fodsbtn', 'xportfods', 'fods', 'test.fods'); tableau('xlsbbtn', 'xportxlsb', 'xlsb', 'test.xlsb'); tableau('xlsxbtn', 'xportxlsx', 'xlsx', 'test.xlsx'); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-36810333-1']); _gaq.push(['_setDomainName', 'sheetjs.com']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body></html>