exceljs实现浏览器端读取excel电子表格文件xlsx显示内容代码-html代码-BFW代码库

exceljs实现浏览器端读取excel电子表格文件xlsx显示内容代码

代码语言：html

所属分类：其他

代码描述：exceljs实现浏览器端读取excel电子表格文件xlsx显示内容代码

代码标签： exceljs 浏览器读取 excel 电子表格文件 xlsx 显示内容代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <title>文件选择读取文本内容</title>
    

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/exceljs.min.js"></script>

</head>

<body>
    <input type="file" id="file-input">
    <button type="button" onclick="readFile()">读取excel文件</button>

    <div id="file-content"></div>

    <script>
      var data = [];
        function readFile() {
          const fileInput = document.getElementById('file-input');
    
          // Check if a file is selected
          if (!fileInput.files || fileInput.files.length === 0) {
            alert('请先选择一个文件');
            return;
          }
    
          // Get the selected file
          const files = fileInput.files;
    

  //创建Workbook实例
  const workbook = new ExcelJS.Workbook();
  // 使用FileReader对象来读取文件内容
  const fileReader = new FileReader()
  // 二进制字符串的形式加载文件
  fileReader.readAsArrayBuffer(files[0])
  fileReader.onload = ev => {
    console.log(ev)
    // 从 buffer中加载数据解析
    workbook.xlsx.load(ev.target.result).then(workbook => {
      // 获取第一个worksheet内容
      const worksheet =.........完整代码请登录后点击上方下载按钮下载查看