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

javascript导入excel文件

news 2026/4/4 19:29:06

        导入文件用到一个 xlsx.core.js 的包。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script type="text/javascript" src="./xlsx.core.min.js"></script><title>Document</title>
</head><body><input type="file" id="file" style="display:none;" /><button onclick="importFile()">导入</button>
</body>
<script type="text/javascript" src="./index.js"></script>
</html>

        隐藏 input 框，加一个 button 按钮可以方便的调节按钮的样式。

function importFile() {console.log('导入');document.getElementById('file').click();
}document.getElementById('file').addEventListener('change', function (e) {let files = e.target.files;if (files.length == 0) return;let f = files[0];if (!/\.xlsx$/g.test(f.name)) {alert('仅支持读取xlsx格式！');return;}readWorkbookFromLocalFile(f, function (workbook) {readWorkbook(workbook);});
});function readWorkbookFromLocalFile(file, callback) {let reader = new FileReader();reader.onload = function (e) {let data = e.target.result;let workbook = XLSX.read(data, { type: 'binary' });if (callback) callback(workbook);};reader.readAsBinaryString(file);
}function readWorkbook(workbook) {let sheetNames = workbook.SheetNames; // 工作表名称集合console.log(sheetNames, 'sheetNames');let worksheet = workbook.Sheets[sheetNames[0]]; // 读取第一张sheetconsole.log(worksheet, 'worksheet');let json = XLSX.utils.sheet_to_json(worksheet);console.log(json, 'json');
}

        文件信息。

        页面上取值。

相关文章：

javascript导入excel文件

导入文件用到一个 xlsx.core.js 的包。 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><script type"tex…...

编程日记 2024/6/4 9:04:48

「C系列」C 变量及常见问题梳理

文章目录 一、C 变量1. 整数变量2. 浮点数变量3. 字符变量4. 字符串变量&#xff08;在C中&#xff0c;通常使用字符数组来表示字符串&#xff09; 二、C 变量-常见问题1. 变量未初始化2. 变量类型不匹配3. 变量作用域问题4. 变量命名冲突5. 变量越界访问6. 变量声明位置7. 变量…...

编程日记 2024/6/4 9:03:47

＜网络安全VIP＞第二篇《工业控制软件》

1 PLC PLC，（Programmable Logic Controller），可编程逻辑控制器（PLC）是种专门为在工业环境下应用而设计的数字运算操作电子系统。 2 DCS 四、DCS的发展趋势 一、DCS的基本定义 DCS是分布式控制系统（Distributed Control System）的英文缩写，在国内自控行业又称之为集…...

编程日记 2024/6/4 9:02:46

微服务：Rabbitmq中的不同交换机的使用Fanout、Direct、Topic（消息队列中间件）

文章目录 发布订阅Fanout 交换机Direct 交换机Topic 交换机通配符规则 发布订阅 在这里插入图片描述 Fanout 交换机 Fanout 交换机会将收到的消息路由到每一个跟其绑定的queue上。 我们做一个交换机&#xff0c;两个队列&#xff0c;两个消费者分别连接两个队列。 定义交换…...

编程日记 2024/6/4 9:00:44

数据结构单链表的前插法实现

单链表的前插法实现可以通过以下步骤进行&#xff1a; 创建一个新的节点&#xff0c;并将要插入的元素存储在新节点的数据域中。 将新节点的指针域指向原链表的头节点。 将原链表的头节点指向新节点。 具体代码实现如下所示&#xff1a; class Node:def __init__(self, da…...

编程日记 2024/6/4 8:59:43

Cocos Creator开发学习路线

1.JavaScript与TypeScript程序设计 由于可以跨平台发布，同时要能支持h5的游戏，cocos creator选择了JavaScript与TypeScript来做为它的开发语言，所以我们要先学习JavaScript与TypeScript。TypeScript是基于JavaScript的一个语法糖，运行的时候被编译为JavaScript,所以我们要…...

编程日记 2024/6/4 8:58:42

C语言：IO操作

引言 I/O操作是一切实现的基础。IO即为input &output 标准IO&#xff08;stdio&#xff09; FILE类型贯穿始终&#xff0c;FILE是由typedef定义出来的 vii /usr/include/asm-generic/errno-base.h (errno定义的位置) /usr/include/x86_64-linux-gnu/bits/types/struct…...

编程日记 2024/6/4 8:57:40

算法 | 刷题日记

1.递归通常是用栈来实现的 递归在其本质上是通过函数调用栈&#xff08;Call Stack&#xff09;来实现的&#xff0c;而不是队列&#xff08;Queue&#xff09;。当你调用一个函数时&#xff0c;该函数的局部变量、参数和返回地址会被压入&#xff08;push&#xff09;到一个由…...

编程日记 2024/6/4 8:56:39

微信小程序登录接口

微信小程序登录&#xff0c;实现思路分析&#xff1a; 用户触发登录操作&#xff1a;用户在微信小程序中点击“登录”按钮&#xff0c;触发登录流程。调用微信登录接口&#xff1a;小程序端调用微信提供的登录接口&#xff08;如wx.login&#xff09;&#xff0c;获取临时登录…...

编程日记 2024/6/4 8:55:38

VBA实战(Excel)(5)：介绍一种排列组合算法

1. 需求场景 有多个条件&#xff0c;条件个数不定&#xff0c;每个条件有若干种情况&#xff0c;情况个数不定&#xff0c;输出所有条件可能的情况的排列组合。 2.举例 假设第一次有5个情况要填&#xff0c;第一个条件20种情况&#xff0c;第二个5种&#xff0c;第三个40种&…...

编程日记 2024/6/4 8:53:36

迭代器的使用

参考&#xff1a; 生成器迭代器next函数 迭代器的使用 说到迭代器就必须先要提一下可迭代对象&#xff08;iterable&#xff09;&#xff0c;可迭代对象是能够逐一返回其成员项的对象。可迭代对象包括序列类型&#xff08;如list、str、tuple&#xff09;和非序列类型&#…...

编程日记 2024/6/4 8:52:35

安卓手机APP开发___广播概述

安卓手机APP开发___广播概述 目录 概述 关于系统广播 系统广播所发生的更改 接收广播 清单声明的接收器 上下文注册的接收器 对进程状态的影响 发送广播 通过权限限制广播 带权限的发送 带权限的接收 安全注意事项和最佳做法 概述 Android 应用可以通过 Android …...

编程日记 2024/6/4 8:49:32

【封装】Unity切换场景不销毁物体

在切换场景时&#xff0c;如果物体不需要销毁&#xff0c;可以直接使用下方脚本 代码 public class DontDestroyLoader : MonoBehaviour{ //所有不销毁的物体预制体[SerializeField] private GameObject[] dontDestroyPrefabs;//实例化预制体public void Load(){foreach (var …...

编程日记 2024/6/4 8:48:31

基于学习的决策树

基于学习的决策树概述 决策树是一种监督学习方法&#xff0c;广泛应用于分类和回归任务中。基于学习的决策树模型通过学习数据中的特征来构建树状结构&#xff0c;帮助做出决策。以下是对基于学习的决策树的详细介绍&#xff0c;包括其基本概念、工作流程、构建算法、优势和挑…...

编程日记 2024/6/4 8:47:30

godot.bk2

1.$node_name 其实 就是 get_node 的语法糖 2.场景内部用get_node&#xff0c;场景外部用信号 这是自定义信号的绑定&#xff0c;如果是内置信号&#xff0c;直接右键点击链接到一个函数即可 3.场景切换和摄像头一直居中 4.class_name命名一个类&#xff0c;extends继承&…...

编程日记 2024/6/4 8:45:28

STM32 IIC 使用 HAL 库操作eeprom

在STM32上通过I2C接口&#xff08;注意&#xff1a;在标准STM32库中&#xff0c;I2C接口通常被写为"I2C"而不是"IIC"&#xff09;与EEPROM芯片通信时&#xff0c;你需要遵循I2C通信协议&#xff0c;并使用STM32的HAL库或标准外设库&#xff08;如果适用&am…...

编程日记 2024/6/4 8:40:23

YOLOv8+PyQt5海洋船只检测（可以重新训练，yolov8模型，从图像、视频和摄像头三种路径识别检测）

1.效果视频&#xff1a;海洋船只检测yoloV8检测&#xff08;https://mbd.pub/o/bread/mbd-ZpaYk55r&#xff09;_哔哩哔哩_bilibili资源包含可视化的海洋船只检测系统&#xff0c;可对于高空拍摄到的海洋图片进行轮船检测&#xff0c;基于最新的YOLOv8训练的海洋船只检测模型&a…...

编程日记 2024/6/4 8:39:22

PCL 高阶多项式曲线回归拟合（二维）

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 高阶多项式曲线回归（Polynomial Regression）是一种线性回归模型的扩展，它允许数据拟合一个非线性的曲线。虽然多项式本身是非线性的，但我们可以通过引入新的变量（例如，原始变量的平方、立方等）来将问题转化为…...

编程日记 2024/6/4 8:38:21

深入理解 Python3 函数：从基础语法到高级应用

Python3 函数是构建模块化代码的基本单位&#xff0c;允许我们将代码组织成独立的、可重用的块。本文将详细介绍 Python3 函数的基本语法、常用命令、示例、应用场景、注意事项&#xff0c;并进行总结。 基本语法 在 Python 中&#xff0c;函数的定义使用 def 关键字&#xf…...

编程日记 2024/6/4 8:37:19

03_初识Spring Cloud Gateway

文章目录 一、网关简介1.1 网关提出的背景1.2 网关在微服务中的位置1.3 网关的技术选型1.4 补充 二、Spring Cloud Gateway的简介2.1 核心概念&#xff1a;路由&#xff08;Route&#xff09;2.2 核心概念&#xff1a;断言&#xff08;Predicate&#xff09;2.3 核心概念&#…...

编程日记 2024/6/4 8:36:18

突破QQ音乐格式壁垒：qmcdump开源工具全场景应用指南

突破QQ音乐格式壁垒&#xff1a;qmcdump开源工具全场景应用指南 【免费下载链接】qmcdump 一个简单的QQ音乐解码&#xff08;qmcflac/qmc0/qmc3 转 flac/mp3&#xff09;&#xff0c;仅为个人学习参考用。 项目地址: https://gitcode.com/gh_mirrors/qm/qmcdump 当你兴冲…...

编程新知 2026/4/4 17:53:50

终极指南：3个阶段让旧款Mac免费升级到最新macOS系统

终极指南&#xff1a;3个阶段让旧款Mac免费升级到最新macOS系统 【免费下载链接】OpenCore-Legacy-Patcher Experience macOS just like before 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 你是否拥有一台2012-2017年的旧款Mac&#xf…...

编程新知 2026/4/4 16:54:56

智能预处理+动态权重：Anything to RealCharacters 2.5D转真人引擎核心技术解析

智能预处理动态权重&#xff1a;Anything to RealCharacters 2.5D转真人引擎核心技术解析 1. 从二次元到三次元&#xff1a;一个引擎的诞生 你有没有想过&#xff0c;自己珍藏的二次元老婆或者某个酷炫的动漫角色&#xff0c;如果变成真人会是什么样子&#xff1f;是五官更立…...

编程新知 2026/4/4 16:52:52

【愚公系列】《剪映+DeepSeek+即梦：短视频制作》047-转场：短视频一气呵成的秘密（转场类型）

&#x1f48e;【行业认证权威头衔】 ✔ 华为云天团核心成员&#xff1a;特约编辑/云享专家/开发者专家/产品云测专家 ✔ 开发者社区全满贯&#xff1a;CSDN博客&商业化双料专家/阿里云签约作者/腾讯云内容共创官/掘金&亚马逊&51CTO顶级博主 ✔ 技术生态共建先锋&am…...

编程新知 2026/4/4 16:36:42

新手零失败安装eNSP指南：用快马AI生成你的专属安装助手

新手零失败安装eNSP指南&#xff1a;用快马AI生成你的专属安装助手 最近在学习网络技术&#xff0c;第一步就是要安装华为的eNSP模拟器。作为一个纯新手&#xff0c;光是看到各种依赖组件就头大了&#xff1a;WinPcap、VirtualBox、Wireshark...更别提安装过程中可能遇到的各种…...

编程新知 2026/4/4 15:03:08

猫抓：网页资源提取工具的全场景应用指南

猫抓&#xff1a;网页资源提取工具的全场景应用指南 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 你是否曾遇到这样的困境&#xff1a;精心策划的…...

编程新知 2026/4/4 14:54:59

10分钟快速上手SecGPT：网络安全大模型入门实战指南

10分钟快速上手SecGPT&#xff1a;网络安全大模型入门实战指南 【免费下载链接】SecGPT SecGPT网络安全大模型 项目地址: https://gitcode.com/gh_mirrors/se/SecGPT SecGPT是全球首个网络安全开源大模型&#xff0c;专为网络安全场景打造&#xff0c;旨在以人工智能技术…...

编程新知 2026/4/4 14:32:48

LAION CLAP音频分类控制台效果展示：交通噪声中精准识别‘救护车鸣笛’真实案例

LAION CLAP音频分类控制台效果展示&#xff1a;交通噪声中精准识别‘救护车鸣笛’真实案例 1. 引言&#xff1a;从嘈杂背景中听清关键声音 想象一下这个场景&#xff1a;你正在一个繁忙的城市路口&#xff0c;周围充斥着汽车引擎声、喇叭声、人声和风声。突然&#xff0c;一阵…...

编程新知 2026/4/4 14:20:38

突破性插件本地化方案：Obsidian-i18n全攻略

突破性插件本地化方案&#xff1a;Obsidian-i18n全攻略 【免费下载链接】obsidian-i18n 项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-i18n 在全球化的今天&#xff0c;Obsidian作为一款强大的知识管理工具&#xff0c;其丰富的插件生态极大地扩展了功能边界…...

编程新知 2026/4/4 12:37:16

PyFluent：重新定义CFD仿真的Python原生接口解决方案

PyFluent&#xff1a;重新定义CFD仿真的Python原生接口解决方案 【免费下载链接】pyfluent Pythonic interface to Ansys Fluent 项目地址: https://gitcode.com/gh_mirrors/pyf/pyfluent PyFluent作为Ansys Fluent的Python原生接口&#xff0c;代表了计算流体动力学&am…...

编程新知 2026/4/4 12:27:03