W_柒 2023-03-21 20:08 采纳率: 25%
浏览 13

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

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

img

  • 写回答

1条回答 默认 最新

  • lx_lucky 2023-03-22 14:26
    关注

    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>
    评论 编辑记录

报告相同问题？

  • 前端在线预览Excel实现[项目源码]
    2025-11-16 07:36
    在前端开发领域，实现在线预览Excel文件是一项常见的需求。本文详细介绍了通过LuckyExcel和Luckysheet这两个插件来实现该功能的方法。首先，文章指导开发者如何安装LuckyExcel插件，这包括了通过npm安装的步骤，这种...
  • excel预览需要引入的前端文件
    2018-04-21 16:53
    预览Excel文件时，通常还会使用到`FileReader API`，这是一个浏览器内置的API，允许前端代码读取用户选择的文件。当用户选择一个Excel文件后，`FileReader`会读取文件内容并触发相应的事件，如`load`事件，此时可以...
  • Office文档在线预览，基于前端Html实现Office文件在线预览
    2021-09-11 16:51
    首先，JavaScript作为前端的主要编程语言，其在网页交互中起着至关重要的作用。在本场景中，JavaScript被用来处理用户交互，例如点击预览按钮，触发文件预览操作。同时，它还会与后端服务器进行通信，获取或上传文件...
  • 前端word,Excel在线预览vue-office组件来了
    2025-05-20 10:15
    编程一枚的博客 vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3。 目标是成为使用最简单，功能最强大的文件预览库。
  • java Aspose实现附件在线预览功能
    2023-01-09 14:48
    在Java开发环境中，有时我们需要为用户提供在线预览附件的功能，比如查看Excel、Word或PowerPoint文档，而无需下载文件到本地。在这种情况下，Aspose是一个强大的工具，它提供了丰富的API来处理各种办公文档格式，...
  • C#ppt，Excel，words，pdf在线预览demo
    2018-05-17 13:30
    这个"C# ppt，Excel，words，pdf在线预览demo"就是针对这一需求的解决方案，它提供了一个用C#编程语言实现的示例，让用户可以在浏览器中直接预览这些文件，无需下载或安装额外的软件。 C#，全称为C Sharp，是由微软...
  • 文件在线预览及OFFICE(word,excel,ppt)的在线编辑
    2024-03-25 10:37
    总之，"文件在线预览及OFFICE(word,excel,ppt)的在线编辑"是一个涉及到前端与后端技术、文件处理、数据库配置以及协作功能实现的综合性项目。通过合理利用开源工具和最佳实践，可以构建出高效且易用的在线文档管理...
  • Java实现文件在线预览[代码]
    2025-11-15 07:16
    Java文件在线预览技术采用的是一种服务器端与客户端的协作方式，通过Java后端服务将用户上传的办公文档（例如Word、Excel、PowerPoint和文本文件等）转换成PDF格式，再将PDF文档以流的形式传输到客户端浏览器上进行...
  • java有什么方式可以响应给前端直接打开一个excel
    2024-07-03 02:48
    小欣意小欣意的博客 Excel相关视频讲解：用python编程Excel有没有用处？在Java中如何响应给前端直接打开一个Excel文件 在开发Web应用程序时，有时需要将数据以Excel文件的形式导出给用户。为了提高用户体验，我们可以让用户直接点击链接...
  • office文件在线预览
    2017-11-19 16:49
    标题“Office文件在线预览”涉及的技术点主要是如何在网页环境下实现Microsoft Office文档（如Word、Excel、PowerPoint等）的预览功能。这通常涉及到Web开发中的多种技术和工具，包括前端框架、后端处理以及可能需要...
  • 没有解决我的问题, 去提问

问题事件

  • 创建了问题 3月21日