网页上预览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>
相关推荐
bing_1583 小时前
Excel 如何进行多条件查找或求和?
excel
秀儿还能再秀3 小时前
基于Excel的数据分析思维与分析方法
数据分析·excel
bing_1583 小时前
Excel 如何处理更复杂的嵌套逻辑判断?
excel
weixin_472339463 小时前
高效处理大体积Excel文件的Java技术方案解析
java·开发语言·excel
灵犀学长3 小时前
EasyExcel之SheetWriteHandler:解锁Excel写入的高阶玩法
spring boot·excel
全干engineer14 小时前
Spring Boot 实现主表+明细表 Excel 导出(EasyPOI 实战)
java·spring boot·后端·excel·easypoi·excel导出
Fireworkitte14 小时前
Java 中导出包含多个 Sheet 的 Excel 文件
java·开发语言·excel
chemddd21 小时前
excel 工作需要会的
excel
醇氧1 天前
【wps】 excel 删除重复项
excel·wps
盛夏绽放1 天前
Vue3 中 Excel 导出的性能优化与实战指南
vue.js·excel