网页上预览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>
相关推荐
阳光阿盖尔4 小时前
EasyExcel的基本使用——Java导入Excel数据
java·开发语言·excel
聆听HJ8 小时前
java 解析excel
java·开发语言·excel
elina801311 小时前
安卓实现导入Excel文件
android·excel
Eiceblue11 小时前
Python 复制Excel 中的行、列、单元格
开发语言·python·excel
cc蒲公英11 小时前
Vue2+vue-office/excel 实现在线加载Excel文件预览
前端·vue.js·excel
徐同保1 天前
vue 在线预览word和excel
vue.js·word·excel
kaixin_啊啊1 天前
计算机二级office操作技巧——Excel篇
excel
~在杰难逃~2 天前
关于订单信息的Excel数据分析报告
笔记·数据分析·excel·数据分析报告
生产队队长2 天前
SpringBoot2:web开发常用功能实现及原理解析-整合EasyExcel实现Excel导入导出功能
spring boot·excel
麋鹿会飞但不飘2 天前
EasyExcel拿表头(二级表头)爬坑,invokeHeadMap方法
java·spring boot·excel