前端关于在线预览Excel的问题

前端关于在线预览Excel的问题，如图，点击左边日期拿到一个Excel文件地址后再右边显示在线预览Excel表（内网环境），请问这个怎么做？万分感谢！

img

SheetJS是一种强大的JavaScript库，可以读取和写入多种电子表格格式，包括Excel。以下是一个简单的示例


<!DOCTYPE html>
<html>
<head>
    <title>Excel Viewer</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.6/xlsx.full.min.js"></script>
</head>
<body>
    <div id="output"></div>
    <script>
        // Excel文件URL地址
        var url = "https://example.com/path/to/file.xlsx";

        // 使用XMLHttpRequest获取Excel文件数据
        var xhr = new XMLHttpRequest();
        xhr.open('GET', url, true);
        xhr.responseType = 'arraybuffer';
        xhr.onload = function(e) {
            if (xhr.status == 200) {
                var data = new Uint8Array(xhr.response);
                var workbook = XLSX.read(data, { type: 'array' });
                var sheet = workbook.Sheets[workbook.SheetNames[0]];
                var html = XLSX.utils.sheet_to_html(sheet);

                document.getElementById('output').innerHTML = html;
            }
        };
        xhr.send();
    </script>
</body>
</html>