js实现下载xls文件

最新推荐文章于 2024-09-26 09:40:13 发布

IT~少年人

最新推荐文章于 2024-09-26 09:40:13 发布

阅读量5.5k

点赞数 2

分类专栏： jquery、zepto 文章标签： js下载excel表格

本文链接：https://blog.csdn.net/qq_43634982/article/details/98612219

版权

jquery、zepto 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

直接上代码。

<!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>