当前位置： 首页 > news >正文

网页上预览Excel文件

news 2026/4/2 8:04:14

如何运行:        需要发布在服务器 如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>

相关文章：

网页上预览Excel文件

如何运行: 需要发布在服务器 如Tomcat 实例图片: 需要展示的文件: <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>excel预览</title><link rel"stylesheet" href"…...

编程日记 2024/8/11 12:16:45

Unity射击游戏开发教程：（31）制造一定追踪行为的敌人

在本文中，我们将介绍如何在两种敌人行为之间切换。本文是前两篇文章的延续，分别介绍了敌人躲避玩家射击以及敌人不断旋转并向玩家射击的情况。我只是介绍如何在这两种行为之间进行转换。 这种新的敌人行为的目标： 当不开火时，敌人可以躲避玩家的射击。射击时，敌人无法躲避…...

编程日记 2024/8/11 12:13:42

springboot mybatis plus 固定查询条件及可选查询条件的组合查询，使用QueryWrapper.and()来解决。

1、我们在写查询SQL的时候&#xff0c;经常会碰到&#xff0c;比如&#xff0c;同一个类别下的某一个编号的物料信息&#xff0c;或者是同一批次的物料库存问题等等。 所属类别fid物料编号bm物料批次pc110.01.0220240807110.01.0320240807 210.02.0120240805 2、那么我…...

编程日记 2024/8/11 12:12:41

使用ollama取代openai的api进行graphRAG失败记录

pip install ollama pip install langchain_ollama graph_documents llm_transformer.convert_to_graph_documents(split_documents) print(graph_documents) 偶尔会成功&#xff0c;但是大部分是失败的&#xff1a; 报错记录如下&#xff0c;暂时没想到好的办法&#xff…...

编程日记 2024/8/11 12:08:36

MyBatis 配置与测试方式

目录 一&#xff0c;什么是MyBatis 二&#xff0c;准备工作 创建项目 配置数据库连接 持久层代码 单元测试 一&#xff0c;什么是MyBatis 简单来说&#xff0c;MyBatis 是一款优秀的持久层框架&#xff0c;用于简化JDBC的开发&#xff0c;能更简单完成程序与数据库之间…...

编程日记 2024/8/11 12:02:29

C#实现代理服务器

在C#中实现一个简单的代理服务器&#xff0c;可以使用System.Net.Sockets命名空间下的TcpListener类来监听客户端的连接请求&#xff0c;并使用TcpClient来处理与客户端的通信。以下是一个简单的代理服务器示例&#xff1a; using System; using System.IO; using System.Net;…...

编程日记 2024/8/11 11:54:21

react的路由实战使用

环境配置&#xff1a;vitetsreact18 1、安装包 npm i react-router-dom 2、 根路由配置以及路由挂载 a、在src下面创建router文件夹配置简单的路由信息&#xff1a; router/index.tsx import { createBrowserRouter } from "react-router-dom"; import UserLogin…...

编程日记 2024/8/11 11:53:20

python 字典转成类 构建类

目录 python 字典转成类 复杂嵌套示例： 动态实例化类 太好用了! python 字典转成类 class DictToClass:def __init__(self, dictionary):for key, value in dictionary.items():if isinstance(value, dict):# 如果值是字典，递归转换为类的实例setattr(self, key, DictToC…...

编程日记 2024/8/11 11:52:19

springboot 过滤器

1、过滤器的实现 springboot中过滤器通过实现接口Filter并重写init、doFilter、destroy三个方法。在三个方法中加入自己的业务逻辑处理。 【注意】Filter接口的完整包名在不同的jdk版中中的变化。这里示例中使用的版本为 open-jdk17。完整名称 jakarta.servlet.Filter。如果使…...

编程日记 2024/8/11 11:50:17

【C语言篇】深入理解指针1

文章目录 内存和地址内存编址 指针变量和地址取地址操作符指针变量和解引用操作符指针变量指针变量类型解引用操作符指针变量的大小 指针变量类型的意义指针的解引用指针-整数void*指针 const修饰指针指针运算指针-整数指针-指针指针的关系运算 野指针野指针成因如何规避野指针…...

编程日记 2024/8/11 11:49:16

IAP程序升级 与 电脑BIOS 的关系

IAP (In-Application Programming) 程序升级 IAP程序升级是一种技术&#xff0c;允许设备在运行过程中更新其自身的固件或软件&#xff0c;而不需要外部工具或设备的介入。这种技术特别适用于嵌入式系统和物联网&#xff08;IoT&#xff09;设备。其主要由三部分构成&#xff0…...

编程日记 2024/8/11 11:47:15

Java使用MQTT协议

MQTT&#xff08;Message Queuing Telemetry Transport&#xff0c;消息队列遥测传输协议&#xff09;是一种轻量级的、基于发布/订阅模式的物联网通信协议。它构建于TCP/IP协议之上&#xff0c;由IBM在1999年发布。MQTT的主要特点包括&#xff1a; 轻量级与高效&#xff1a;M…...

编程日记 2024/8/11 11:46:14

等级+时间的优先级算法

简介 本算法为等级与时间结合计算对应优先级逻辑 等级越高者优先级越高 同等级下&#xff0c;时间越小者优先级越高 实现 主方法 calculatePriority import com.zk.blog.enums.TypeEnum; import org.apache.commons.lang3.StringUtils;/*** program: * description:* autho…...

编程日记 2024/8/11 11:45:13

物流仓库安全视频智能管理方案：构建全方位、高效能的防护体系

一、背景分析 随着物流行业的快速发展和仓储需求的日益增长&#xff0c;仓库安全成为企业运营中不可忽视的重要环节。传统的人工监控方式不仅效率低下&#xff0c;且难以做到全天候、无死角覆盖&#xff0c;给仓库资产和人员安全带来潜在风险。因此&#xff0c;引入仓库安全视…...

编程日记 2024/8/11 11:43:10

jackson反序列化漏洞

jackson反序列化漏洞 反序列化漏洞触发根因jackson介绍jackson反序列化漏洞关键点enableDefaultTypingactivateDefaultTypingJsonTypeInfo 漏洞触发场景漏洞复现环境引入依赖pocactivateDefaultTypingenableDefaultTypingJsonTypeInfo 参考 很久没写blog&#xff0c;最近慢慢开…...

编程日记 2024/8/11 11:42:10

Java | Leetcode Java题解之第328题奇偶链表

题目&#xff1a; 题解&#xff1a; class Solution {public ListNode oddEvenList(ListNode head) {if (head null) {return head;}ListNode evenHead head.next;ListNode odd head, even evenHead;while (even ! null && even.next ! null) {odd.next even.nex…...

编程日记 2024/8/11 11:41:09

100 Exercises To Learn Rust 挑战！准备篇

公司内部的学习会非常活跃&#xff01;我也参与了Rust学习会&#xff0c;并且一直在研究rustlings。最近&#xff0c;我发现了一个类似于rustlings的新教程网站&#xff1a;Welcome - 100 Exercises To Learn Rust。 rustlings是基于Rust的权威官方文档《The Rust Programming…...

编程日记 2024/8/11 11:38:06

瑞_RabbitMQ_初识MQ

文章目录 1 初识MQ1.1 同步调用1.1.1 同步调用的优势1.1.2 同步调用的缺点 1.2 异步调用1.2.1 异步调用的角色1.2.2 异步调用的优势1.2.3 异步调用的缺点1.2.4 异步调用的场景 1.3 MQ技术选型 2 RabbitMQ2.1 安装2.1.1 资源准备2.1.2 安装步骤 2.2 RabbitMQ架构2.3 RabbitMQ管理…...

编程日记 2024/8/11 11:37:05

系统内存管理：虚拟内存、内存分段与分页、页表缓存TLB以及Linux内存管理

虚拟内存 虚拟内存是一种操作系统提供的机制&#xff0c;用于将每个进程分配的独立的虚拟地址空间映射到实际的物理内存地址空间上。通过使用虚拟内存&#xff0c;操作系统可以有效地解决多个应用程序直接操作物理内存可能引发的冲突问题。 在使用虚拟内存的情况下&#xff0…...

编程日记 2024/8/11 11:36:03

Java每日一练_模拟面试题5（堆和栈的区别）

在Java中&#xff0c;堆&#xff08;Heap&#xff09;和栈&#xff08;Stack&#xff09;是两个不同的内存区域&#xff0c;它们在存储内容、管理方式、空间大小、分配方式等多个方面存在显著的区别。以下是Java中堆和栈的主要区别&#xff1a; 1. 存储内容不同 堆&#xff1…...

编程日记 2024/8/11 11:35:02

Phi-4-mini-reasoning企业知识库接入：PDF解析+向量化+推理问答闭环

Phi-4-mini-reasoning企业知识库接入&#xff1a;PDF解析向量化推理问答闭环 1. 模型简介与部署验证 Phi-4-mini-reasoning 是一个基于合成数据构建的轻量级开源模型&#xff0c;专注于高质量、密集推理的数据处理能力。作为Phi-4模型家族成员&#xff0c;它特别强化了数学推…...

编程新知 2026/4/2 7:11:02

互联网大厂Java求职者面试全场景详解（含技术栈解析与问答）

互联网大厂Java求职者面试全场景详解&#xff08;含技术栈解析与问答&#xff09; 文章标签 Java SE, Jakarta EE, JVM, Spring Boot, Maven, 微服务, 消息队列, 互联网大厂面试, 求职招聘, 技术问答 文章简述 本文围绕互联网大厂Java求职者面试场景&#xff0c;设计了由严肃面…...

编程新知 2026/4/2 6:56:49

告别环境配置噩梦：手把手教你用OpenVINO 2024.4 + VS2019部署PyTorch图像分类模型（附完整代码）

从PyTorch到生产环境&#xff1a;OpenVINO 2024.4全链路部署实战指南 当你的PyTorch模型在实验环境中表现优异&#xff0c;如何将它无缝迁移到实际应用场景&#xff1f;本文将带你跨越从研究到生产的鸿沟&#xff0c;使用Intel OpenVINO工具包2024.4版本&#xff0c;在Visual S…...

编程新知 2026/4/2 6:06:16

cv_unet_image-colorization部署案例：RTX显卡5分钟搭建AI上色工作站

cv_unet_image-colorization部署案例&#xff1a;RTX显卡5分钟搭建AI上色工作站 1. 项目简介 你是否遇到过这样的情况&#xff1a;翻看老照片时&#xff0c;发现很多珍贵的黑白照片已经褪色发黄&#xff0c;想要恢复色彩却不知道从何下手&#xff1f;或者作为摄影师&#xff…...

编程新知 2026/4/2 5:37:50

2026免费降AI神器测评：20款国内外工具亲测，哪个真能过检测？

现在写论文&#xff0c;AIGC检测几乎是躲不过的坎。学校用的知网、Turnitin这些系统一直在迭代升级&#xff0c;现在不仅要看重复率&#xff0c;AIGC率也成了硬性考核指标。 熬了好几天改出来的稿子&#xff0c;一查AIGC率居然有90%&#xff0c;换谁心态都得崩&#xff0c;现在…...

编程新知 2026/4/2 5:07:44

告别SSH一息屏就断连！用Termux-wake-lock让你的手机后台稳定运行

告别SSH一息屏就断连&#xff01;用Termux-wake-lock让你的手机后台稳定运行 你是否遇到过这样的场景&#xff1a;正通过电脑SSH连接到手机的Termux环境进行开发调试&#xff0c;突然一个微信消息弹出&#xff0c;切出去回复后&#xff0c;SSH连接立刻中断&#xff1f;或是手机…...

编程新知 2026/4/2 4:39:28

AI模型评估指标：InstantID在各项基准测试中的表现

AI模型评估指标&#xff1a;InstantID在各项基准测试中的表现 【免费下载链接】InstantID 项目地址: https://ai.gitcode.com/hf_mirrors/InstantX/InstantID InstantID作为一款领先的AI模型&#xff0c;在多项基准测试中展现出卓越性能。本文将深入解析其在各项评估指…...

编程新知 2026/4/2 3:54:59

OpenClaw节日营销助手：gemma-3-12b-it自动生成祝福语与发送邮件

OpenClaw节日营销助手&#xff1a;gemma-3-12b-it自动生成祝福语与发送邮件 1. 为什么需要节日营销自动化&#xff1f; 去年端午节前夜&#xff0c;我盯着电脑屏幕上的200多个客户邮箱地址发呆。每个客户都需要个性化的节日祝福&#xff0c;但手动编写和发送至少需要6小时。当…...

编程新知 2026/4/2 3:38:16

leetcode 1550. 存在连续三个奇数的数组-耗时100-Three Consecutive Odds

Problem: 1550. 存在连续三个奇数的数组-耗时100-Three Consecutive Odds 耗时100%&#xff0c;检查连续的三个数字是否奇数 Code class Solution { public:bool threeConsecutiveOdds(vector<int>& arr) {int n arr.size();for(int i 0; i < n - 2; i) {if((a…...

编程新知 2026/4/2 3:09:29

利用快马平台与openclaw切换模型功能，快速构建待办事项应用原型

最近在尝试快速构建一个待办事项应用的原型时&#xff0c;发现InsCode(快马)平台的AI代码生成功能特别适合这种场景。通过平台内置的openclaw切换模型功能&#xff0c;可以快速比较不同AI模型生成的代码风格差异&#xff0c;大大缩短了原型开发周期。下面分享下我的实践过程&am…...

编程新知 2026/4/2 2:51:16