javascript导入excel文件
导入文件用到一个 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…...
「C系列」C 变量及常见问题梳理
文章目录 一、C 变量1. 整数变量2. 浮点数变量3. 字符变量4. 字符串变量（在C中，通常使用字符数组来表示字符串） 二、C 变量-常见问题1. 变量未初始化2. 变量类型不匹配3. 变量作用域问题4. 变量命名冲突5. 变量越界访问6. 变量声明位置7. 变量…...
＜网络安全VIP＞第二篇《工业控制软件》
1 PLC PLC，（Programmable Logic Controller），可编程逻辑控制器（PLC）是种专门为在工业环境下应用而设计的数字运算操作电子系统。 2 DCS 四、DCS的发展趋势 一、DCS的基本定义 DCS是分布式控制系统（Distributed Control System）的英文缩写，在国内自控行业又称之为集…...
微服务：Rabbitmq中的不同交换机的使用Fanout、Direct、Topic（消息队列中间件）
文章目录 发布订阅Fanout 交换机Direct 交换机Topic 交换机通配符规则 发布订阅 在这里插入图片描述 Fanout 交换机 Fanout 交换机会将收到的消息路由到每一个跟其绑定的queue上。 我们做一个交换机，两个队列，两个消费者分别连接两个队列。 定义交换…...
数据结构单链表的前插法实现
单链表的前插法实现可以通过以下步骤进行： 创建一个新的节点，并将要插入的元素存储在新节点的数据域中。 将新节点的指针域指向原链表的头节点。 将原链表的头节点指向新节点。 具体代码实现如下所示： class Node:def __init__(self, da…...
Cocos Creator开发学习路线
1.JavaScript与TypeScript程序设计 由于可以跨平台发布，同时要能支持h5的游戏，cocos creator选择了JavaScript与TypeScript来做为它的开发语言，所以我们要先学习JavaScript与TypeScript。TypeScript是基于JavaScript的一个语法糖，运行的时候被编译为JavaScript,所以我们要…...
C语言：IO操作
引言 I/O操作是一切实现的基础。IO即为input &output 标准IO（stdio） FILE类型贯穿始终，FILE是由typedef定义出来的 vii /usr/include/asm-generic/errno-base.h (errno定义的位置) /usr/include/x86_64-linux-gnu/bits/types/struct…...
算法 | 刷题日记
1.递归通常是用栈来实现的 递归在其本质上是通过函数调用栈（Call Stack）来实现的，而不是队列（Queue）。当你调用一个函数时，该函数的局部变量、参数和返回地址会被压入（push）到一个由…...
微信小程序登录接口
微信小程序登录，实现思路分析： 用户触发登录操作：用户在微信小程序中点击“登录”按钮，触发登录流程。调用微信登录接口：小程序端调用微信提供的登录接口（如wx.login），获取临时登录…...
(5)：介绍一种排列组合算法)
VBA实战(Excel)(5)：介绍一种排列组合算法
1. 需求场景 有多个条件，条件个数不定，每个条件有若干种情况，情况个数不定，输出所有条件可能的情况的排列组合。 2.举例 假设第一次有5个情况要填，第一个条件20种情况，第二个5种，第三个40种&…...
迭代器的使用
参考： 生成器迭代器next函数 迭代器的使用 说到迭代器就必须先要提一下可迭代对象（iterable），可迭代对象是能够逐一返回其成员项的对象。可迭代对象包括序列类型（如list、str、tuple）和非序列类型&#…...
安卓手机APP开发___广播概述
安卓手机APP开发___广播概述 目录 概述 关于系统广播 系统广播所发生的更改 接收广播 清单声明的接收器 上下文注册的接收器 对进程状态的影响 发送广播 通过权限限制广播 带权限的发送 带权限的接收 安全注意事项和最佳做法 概述 Android 应用可以通过 Android …...
【封装】Unity切换场景不销毁物体
在切换场景时，如果物体不需要销毁，可以直接使用下方脚本 代码 public class DontDestroyLoader : MonoBehaviour{ //所有不销毁的物体预制体[SerializeField] private GameObject[] dontDestroyPrefabs;//实例化预制体public void Load(){foreach (var …...
基于学习的决策树
基于学习的决策树概述 决策树是一种监督学习方法，广泛应用于分类和回归任务中。基于学习的决策树模型通过学习数据中的特征来构建树状结构，帮助做出决策。以下是对基于学习的决策树的详细介绍，包括其基本概念、工作流程、构建算法、优势和挑…...
godot.bk2
1.$node_name 其实 就是 get_node 的语法糖 2.场景内部用get_node，场景外部用信号 这是自定义信号的绑定，如果是内置信号，直接右键点击链接到一个函数即可 3.场景切换和摄像头一直居中 4.class_name命名一个类，extends继承&…...
STM32 IIC 使用 HAL 库操作eeprom
在STM32上通过I2C接口（注意：在标准STM32库中，I2C接口通常被写为"I2C"而不是"IIC"）与EEPROM芯片通信时，你需要遵循I2C通信协议，并使用STM32的HAL库或标准外设库（如果适用&am…...
YOLOv8+PyQt5海洋船只检测（可以重新训练，yolov8模型，从图像、视频和摄像头三种路径识别检测）
1.效果视频：海洋船只检测yoloV8检测（https://mbd.pub/o/bread/mbd-ZpaYk55r）_哔哩哔哩_bilibili资源包含可视化的海洋船只检测系统，可对于高空拍摄到的海洋图片进行轮船检测，基于最新的YOLOv8训练的海洋船只检测模型&a…...
PCL 高阶多项式曲线回归拟合（二维）
文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 高阶多项式曲线回归（Polynomial Regression）是一种线性回归模型的扩展，它允许数据拟合一个非线性的曲线。虽然多项式本身是非线性的，但我们可以通过引入新的变量（例如，原始变量的平方、立方等）来将问题转化为…...
深入理解 Python3 函数：从基础语法到高级应用
Python3 函数是构建模块化代码的基本单位，允许我们将代码组织成独立的、可重用的块。本文将详细介绍 Python3 函数的基本语法、常用命令、示例、应用场景、注意事项，并进行总结。 基本语法 在 Python 中，函数的定义使用 def 关键字…...
03_初识Spring Cloud Gateway
文章目录 一、网关简介1.1 网关提出的背景1.2 网关在微服务中的位置1.3 网关的技术选型1.4 补充 二、Spring Cloud Gateway的简介2.1 核心概念：路由（Route）2.2 核心概念：断言（Predicate）2.3 核心概念&#…...
基于ASP.NET+ SQL Server实现（Web）医院信息管理系统
医院信息管理系统 1. 课程设计内容 在 visual studio 2017 平台上，开发一个“医院信息管理系统”Web 程序。 2. 课程设计目的 综合运用 c#.net 知识，在 vs 2017 平台上，进行 ASP.NET 应用程序和简易网站的开发；初步熟悉开发一…...
Oracle查询表空间大小
1 查询数据库中所有的表空间以及表空间所占空间的大小 SELECTtablespace_name,sum( bytes ) / 1024 / 1024 FROMdba_data_files GROUP BYtablespace_name; 2 Oracle查询表空间大小及每个表所占空间的大小 SELECTtablespace_name,file_id,file_name,round( bytes / ( 1024 …...
安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件
在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。 随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...
聊聊 Pulsar：Producer 源码解析
一、前言 Apache Pulsar 是一个企业级的开源分布式消息传递平台，以其高性能、可扩展性和存储计算分离架构在消息队列和流处理领域独树一帜。在 Pulsar 的核心架构中，Producer（生产者） 是连接客户端应用与消息队列的第一步。生产者…...
华为OD机试-食堂供餐-二分法
import java.util.Arrays; import java.util.Scanner;public class DemoTest3 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint a in.nextIn…...
MODBUS TCP转CANopen 技术赋能高效协同作业
在现代工业自动化领域，MODBUS TCP和CANopen两种通讯协议因其稳定性和高效性被广泛应用于各种设备和系统中。而随着科技的不断进步，这两种通讯协议也正在被逐步融合，形成了一种新型的通讯方式——开疆智能MODBUS TCP转CANopen网关KJ-TCPC-CANP…...
CRMEB 框架中 PHP 上传扩展开发：涵盖本地上传及阿里云 OSS、腾讯云 COS、七牛云
目前已有本地上传、阿里云OSS上传、腾讯云COS上传、七牛云上传扩展 扩展入口文件 文件目录 crmeb\services\upload\Upload.php namespace crmeb\services\upload;use crmeb\basic\BaseManager; use think\facade\Config;/*** Class Upload* package crmeb\services\upload* …...
C++ Visual Studio 2017厂商给的源码没有.sln文件 易兆微芯片下载工具加开机动画下载。
1.先用Visual Studio 2017打开Yichip YC31xx loader.vcxproj，再用Visual Studio 2022打开。再保侟就有.sln文件了。 易兆微芯片下载工具加开机动画下载 ExtraDownloadFile1Info.\logo.bin|0|0|10D2000|0 MFC应用兼容CMD 在BOOL CYichipYC31xxloaderDlg::OnIni…...
有限自动机到正规文法转换器v1.0
1 项目简介 这是一个功能强大的有限自动机（Finite Automaton, FA）到正规文法（Regular Grammar）转换器，它配备了一个直观且完整的图形用户界面，使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...
安卓基础（aar）
重新设置java21的环境，临时设置 $env:JAVA_HOME "D:\Android Studio\jbr" 查看当前环境变量 JAVA_HOME 的值 echo $env:JAVA_HOME 构建ARR文件 ./gradlew :private-lib:assembleRelease 目录是这样的： MyApp/ ├── app/ …...