使用xlxs.js读取上传xlsx文件

xlsx的github地址：https://github.com/SheetJS/sheetjs

复制代码
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <script src="jquery/jquery-1.9.1.min.js"></script>
    <script src="sheetjs-master/dist/xlsx.full.min.js"></script>
    <script>
      function readFile() {
        const file = $("#uploadFile")[0].files[0];
        const fileTypes = [
            'application/vnd.ms-excel',
            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
        ]
        if (fileTypes.indexOf(file.type) === -1) {
            alert('文件类型错误');
            return;
        }
        var reader = new FileReader();
        const data = [];
        reader.onload = function (e) {
          var data = e.target.result;
          var workbook = XLSX.read(data, { type: "binary",  cellDates: true});
          var sheetNames = workbook.SheetNames; // 工作表名称集合
          var worksheet = workbook.Sheets[sheetNames[0]]; // 这里我们只读取第一张sheet
          // var res = XLSX.utils.sheet_to_csv(worksheet);
          // var res = XLSX.utils.sheet_to_txt(worksheet);
          // var res = XLSX.utils.sheet_to_html(worksheet);
          var res = XLSX.utils.sheet_to_json(worksheet);
          console.log(res);
        };
        reader.readAsBinaryString(file);
      }
   </script>
  <body>
    <input type="file" name="file" id="uploadFile" size="10" onchange="readFile(this);" />
  </body>
</html>
复制代码

 

posted @   carol2014  阅读(138)  评论(0)  编辑  收藏  举报
相关博文：
· ajax请求下载excel文件
· js使用FileReader读取上传csv文件
· js使用xlsx读取excel文件
· 使用ExcelJS处理Excel
· 导入xls到页面
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示