js实现下载xls文件
生活随笔
收集整理的這篇文章主要介紹了
js实现下载xls文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
直接上代碼。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>js導出xls表格</title><style>html, body {width: 100%;height: 100%;}body {display: flex;justify-content: center;align-items: center;}table {margin: 10px 0; }</style> </head> <body><div class="main"><a id="export_xls" href="javascript:;">導出xls表格</a><table border="1" id="print_table"><thead><tr><th>用戶名</th><th>密碼</th></tr></thead><tbody><tr><td>admin</td><td>123456</td></tr><tr><td>admin_power</td><td>123456</td></tr><tr><td>user</td><td>123456</td></tr></tbody></table></div> </body> <script>var w_timer;// 想要更改下載xls文件名，必須使用 a標簽export_xls('print_table');// 輸出 xls 文件function export_xls(table_id) {console.log(getExplorer())if (getExplorer()=="ie") {// ie瀏覽器處理var curTbl = document.getElementById(table_id);var oXL = new ActiveXObject("Excel.Application");var oWB = oXL.Workbooks.Add();var xlsheet = oWB.Worksheets(1);var sel = document.body.createTextRange();sel.moveToElementText(curTbl);sel.select();sel.execCommand("Copy");xlsheet.Paste();oXL.Visible = true;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);oXL.Quit();oXL = null;w_timer = window.setInterval("Cleanup();", 1);}}else {print_xls(table_id,'用戶列表');}}function Cleanup(){window.clearInterval(w_timer);CollectGarbage();}// 不同瀏覽器處理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';}}// 輸出xls文件主要函數function print_xls (table_id,name) {var uri = 'data:application/vnd.ms-excel;base64,';var table = document.getElementById(table_id);var base64 = function(tem) {return window.btoa(unescape(encodeURIComponent(tem)))};var table_tem = '<html><head><meta charset="UTF-8"></head><body><table border="1">' + table.innerHTML + '</table></body></html>';document.getElementById('export_xls').href=uri + base64(table_tem);document.getElementById('export_xls').download = name || '下載';}</script> </html>總結
以上是生活随笔為你收集整理的js实现下载xls文件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 常见RFC文档
- 下一篇： SSM+中小型企业绩效管理系统毕业设计-