网页上预览Excel文件

如何运行: 需要发布在服务器 如Tomcat

实例图片:

需要展示的文件:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>excel预览</title>
    <link rel="stylesheet" href="js-preview-lib/excel.css" />
    <script src="js-preview-lib/excel.umd.js"></script>
</head>
<body>
<div id="excel" style="width: 100vw; height: 100vh"></div>

<script>
    const myExcelPreviewer = jsPreviewExcel.init(document.getElementById('excel'));
    myExcelPreviewer .preview('./文件名.xlsx').then(()=>{
        console.log('预览完成');
    }).catch(e=>{
        console.log('预览失败', e);
    })
</script>
</body>
</html>
相关推荐
Eiceblue19 小时前
使用 C# 设置 Excel 单元格格式
开发语言·后端·c#·.net·excel
acaad21 小时前
Apache Poi 实现导出excel表格 合并区域边框未完全显示的问题
spring·apache·excel
周杰伦fans21 小时前
.NET 轻量级处理 Excel 文件库 - MiniExce
windows·.net·excel
维持好习惯1 天前
复杂Excel文件导入功能(使用AI快速实现)
java·spring boot·excel
揭老师高效办公1 天前
格式刷+快捷键:Excel和WPS表格隔行填充颜色超方便
excel·wps表格
上官浩仁1 天前
springboot excel 表格入门与实战
java·spring boot·excel
yanlaifan2 天前
Excel批量处理一列数据---分列功能
excel
我命由我123452 天前
Word - Word 的 5 种视图(页面视图、阅读视图、Web 版式视图、大纲视图、草稿视图)
ui·word·excel·photoshop·表格·ps·美工
YAY_tyy2 天前
基于 Vue3 + VueOffice 的多格式文档预览组件实现(支持 PDF/Word/Excel/PPT)
前端·javascript·vue.js·pdf·word·excel
一路向北North2 天前
apache poi 导出复杂的excel表格
apache·excel