index.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Excel Preview</title>
  7. <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
  8. <link rel="stylesheet" href="node_modules/bootstrap-table/dist/bootstrap-table.min.css">
  9. <link href="node_modules/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet" type="text/css" />
  10. <link rel="stylesheet" href="css/excel-preview.css">
  11. </head>
  12. <body>
  13. <div class="container">
  14. <section>
  15. <div class="content">
  16. <input type="file" name="file" id="file" class="file">
  17. <div id="excelTable"></div>
  18. <div id="kartik-file-errors"></div>
  19. </div>
  20. </section>
  21. </div>
  22. <script src="node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
  23. <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
  24. <script src="node_modules/bootstrap-table/dist/bootstrap-table.min.js" type="text/javascript"></script>
  25. <script src="node_modules/bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js" type="text/javascript"></script>
  26. <script src="node_modules/xlsx-style/dist/xlsx.full.min.js" type="text/javascript"></script>
  27. <script src="node_modules/bootstrap-fileinput/js/fileinput.min.js" type="text/javascript"></script>
  28. <script src="node_modules/bootstrap-fileinput/js/locales/zh.js" type="text/javascript"></script>
  29. <script src="js/dist/excel-preview.min.js"></script>
  30. <!-- <script src="js/src/util.js" type="text/javascript" ></script>-->
  31. <!-- <script src="js/src/excel-preview.js" type="text/javascript" ></script>-->
  32. <script type="text/javascript">
  33. $("#excelTable").excelPreview();
  34. </script>
  35. </body>
  36. </html>