如何不使用ActiveX直接在页面或弹窗中显示Excel单元格的值？

你已经引入了xlsx库，完全可以用它替代ActiveX实现需求——ActiveX仅支持老旧IE浏览器，兼容性极差，以下是完整的替代方案：

实现思路 #

1. 通过文件上传控件让用户选择本地Excel文件
2. 用xlsx库解析文件，提取目标工作表数据
3. 点击按钮时根据指定的行列号读取对应单元格值，同时显示在页面和弹窗中

完整代码 #

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.6/xlsx.full.min.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Excel to HTML</title>
    </head>
    <body>
        <p>先选择Excel文件，再点击按钮显示指定单元格内容</p>
        <input type="file" id="excelFile" accept=".xlsx, .xls" />
        <input type="button" onclick="ReadData(4, 2)" value="Show" />
        <div id="div1"></div>

        <script>
            let worksheet = null;

            // 监听文件上传，解析Excel
            document.getElementById('excelFile').addEventListener('change', function(e) {
                const file = e.target.files[0];
                if (!file) return;

                const reader = new FileReader();
                reader.onload = function(event) {
                    const data = new Uint8Array(event.target.result);
                    const workbook = XLSX.read(data, { type: 'array' });
                    // 获取Sheet1工作表
                    worksheet = workbook.Sheets['Sheet1'];
                };
                reader.readAsArrayBuffer(file);
            });

            function ReadData(cell, row) {
                if (!worksheet) {
                    alert('请先选择Excel文件');
                    return;
                }
                // xlsx库的行列索引从0开始，原代码的参数是1开头的行列号，所以要减1
                const cellAddress = XLSX.utils.encode_cell({ r: row - 1, c: cell - 1 });
                const cellData = worksheet[cellAddress] ? worksheet[cellAddress].v : '单元格为空';
                
                // 显示到页面
                document.getElementById("div1").innerText = cellData;
                // 弹窗显示
                alert(cellData);
            }
        </script>
    </body>
</html>

关键说明 #

• 新增了文件上传控件，用户需要先选择本地的myworkbook.xlsx文件
• 全局变量worksheet保存解析后的工作表数据，避免重复解析
• ReadData函数中，将原代码的1开头行列号转换为xlsx库的0开头索引，通过XLSX.utils.encode_cell生成单元格地址，再读取对应值
• 如果目标单元格为空，会显示"单元格为空"的提示

内容的提问来源于stack exchange，提问作者pleazerAV