js实现读取excel文件

1、引入js文件,如下

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://cdn.bootcss.com/xlsx/0.15.1/xlsx.core.min.js"></script>

2、判断文件是否是excel文件

var url=$('#excel-file').val();
if(!url){return;}
var suffix=url.substring(url.lastIndexOf(".")+1,url.length);
if(!(suffix=="xls"||suffix=="xlsx")){return alert("文件类型不正确");
}

3、读取excel的sheet数据

var files = e.target.files;
var fileReader = new FileReader();/**以二进制方式打开文件*/
fileReader.readAsArrayBuffer(files[0]);
fileReader.onload = function (ev) {try {var data = ev.target.result;var workbook = XLSX.read(data, { type: 'array' }),persons = [];} catch (e) {console.error(e);return alert('文件类型不正确!');}//遍历每张表读取for (var sheet in workbook.Sheets) {if (workbook.Sheets.hasOwnProperty(sheet)) {persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet], { raw: true, header: 1 }));for ( var i = 0; i <persons.length; i++){var person=persons[i];var tr='<tr id="tr-'+i+'">';for (var j = 0; j <person.length; j++){tr+='<td>'+$.trim(person[j]?person[j]:"")+'</td>';}for (var k = 0; k < (6-person.length); k++) {tr+='<td></td>';}if(person.length>1){tr+='<td style="padding:6px;"><a href="javascript:$(\'#tr-'+i+'\').remove();" class="btn btn-danger btn-xs">删除</a></td></tr>';$("#context").append(tr);}}break;// 如果只取第一张表,就把beak注释取消}}
};

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/764012.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

复试专业前沿问题问答合集9——密码学

复试专业前沿问题问答合集9——密码学 网络安全中的密码学加密算法原理及基础知识问答: Q1: 对称加密算法是如何工作的? A1: 对称加密算法使用相同的密钥进行数据的加密和解密。这种加密方式的关键在于密钥的保密,因为任何拥有密钥的人都可以解密信息。对称加密算法速度快…

24计算机考研调剂 | 西北民族大学

西北民大数计学院【核医学数字图像工程】专业招收2名学术硕士调剂生 考研调剂招生信息 一、招生专业 工学->计算机科学与技术 二、调剂要求 1&#xff09;不限制本科出身&#xff0c;但要求一志愿报考985/211、双一流院校的计算机科学与技术及相关专业&#xff08;学硕&a…

【最后2天】京东云游戏云服务器0门槛抽奖送!云服务器选购推荐 京东云 阿里云 腾讯云对比 幻兽帕鲁 雾锁王国 省钱学生党

好消息&#xff1a;抽奖活动开启&#xff01;时间&#xff1a;3月17日——3月24日 最高奖品&#xff1a;16G 6个月&#xff1b;32G 3个月 抽奖规则&#xff1a;B站点赞评论关注即可参与抽奖&#xff0c;3.24日公布获奖名单。 抽奖地址&#xff1a; 【首次抽奖】16G、32G免费…

docker的部署与安装以及部署一个docker(容器)应用及docker容器常出现的问题

docker 架构图 一、docker的部署与安装 1、在 CentOS 上安装 Docker 移除旧版本&#xff08;如果有的话&#xff09;&#xff1a;sudo yum remove docker docker-client docker-client-latest docker-common docker-latest docker-latest-logrotate docker-logrotate docker-…

大模型时代,5个最顶级的向量数据库

介绍5个向量数据库。 大模型时代&#xff0c;向量数据库彻底的火了&#xff0c;今天我分享业内最频繁使用的向量数据库&#xff0c;更多实践经验&#xff0c;可以文末参加我们的技术落地的讨论&#xff0c;喜欢本文记得收藏、关注、点赞。 1 Chroma 使用ChromaDB构建LLM应用程…

C++ QT串口通信(3)-监听串口拔插(windows)

本文讲解Qt中的监听串口拔插适用于windows系统。 概述 监听串口的插入和拔出,需要使用QAbstractNativeEventFilter类,主要作用是捕获全局系统消息。 使用QSerialPortInfo类获得串口列表。 首先创建串口监听的类 #ifndef SERIALCHANGE_H #define SERIALCHANGE_H#include …

信雅纳400/800G网络测试仪之 CDF/ Extended Payload 功能:完全用户自定义的协议报文支持/可编程的协议内容支持

Note# 2024-3-21 今天被一个做芯片测试的客户追着问&#xff0c;应该合作在测试仪上做完全自定义的报文&#xff0c;添加自己的私有协议进去&#xff0c;他觉得每次都导入报头太麻烦了&#xff0c;然后就看了下Application Note关于CDF功能的描述&#xff0c;照着机翻的版本来…

DashScope - 阿里模型服务灵积

文章目录 关于 DashScope快速上手代码调用http 请求示例Python 调用 关于 DashScope 官方主页&#xff1a;https://dashscope.aliyun.comPYPI : https://pypi.org/project/dashscope/支持模型&#xff1a;https://dashscope.console.aliyun.com/model DashScope灵积模型服务建…

力扣hot100题解(python版96-100题)

96、只出现一次的数字 给你一个 非空 整数数组 nums &#xff0c;除了某个元素只出现一次以外&#xff0c;其余每个元素均出现两次。找出那个只出现了一次的元素。 你必须设计并实现线性时间复杂度的算法来解决此问题&#xff0c;且该算法只使用常量额外空间。 示例 1 &…

Spring学习记录之面向切面编程

AOP&#xff08;面向切面编程&#xff09;是一种编程思想&#xff0c;其作用在于在不改变其原始设计的基础上进行功能增强。这也是Spring的开发理念&#xff1a;无侵入式编程。其实&#xff0c;这是一种代理思想&#xff0c;事实上&#xff0c;SpringAOP是动态代理的一种形式。…

一站式App流量统计,Xinstall助您洞悉用户行为

在如今的移动互联网时代&#xff0c;App的推广和运营对于开发者来说至关重要。然而&#xff0c;想要精准掌握App的流量情况&#xff0c;却并不是一件容易的事情。这时&#xff0c;一款强大的App流量统计工具就显得尤为重要。而Xinstall&#xff0c;正是这样一款能够帮助开发者轻…

优惠:阿里云4核16G服务器优惠价格26.52元1个月、149.00元半年

阿里云4核16G服务器优惠价格26.52元1个月、79.56元3个月、149.00元半年&#xff0c;配置为阿里云服务器ECS经济型e实例ecs.e-c1m4.xlarge&#xff0c;4核16G、按固定带宽 10Mbs、100GB ESSD Entry系统盘&#xff0c;活动链接 aliyunfuwuqi.com/go/aliyun 活动链接打开如下图&a…

项目实战-开发工具入门/基本框架搭建/项目初始化/引入组件库

上周更新完了之前vue3的shopping项目&#xff0c;接下来&#xff0c;将会开启一个新的项目&#xff0c;效果是类似于移动端的一个伙伴匹配项目&#xff0c;今天这篇文章从需求分析到架构设计再到项目初始化&#xff0c;基本框架搭建几个部分来为大家详细介绍。 从这个项目开始…

流程引擎表单引擎有哪几个方面的优势?

想要在信息科技迅猛发展的时代中&#xff0c;拥有强劲的市场竞争力&#xff0c;随时捕捉市场发展动态&#xff0c;获得长久发展&#xff0c;就需要正确掌握优质的发展技术平台&#xff0c;为企业可持续发展注入新鲜动力。低代码技术平台、流程引擎表单引擎的兴盛发展是推动各中…

UI功能6大流程、接口测试8大流程这些你真的全会了吗?

在讲接口流程测试之前&#xff0c;首先需要给大家申明下&#xff1a;接口测试对于测试人员而言&#xff0c;非常非常重要&#xff0c;懂功能测试接口测试&#xff0c;就能在企业中拿到一份非常不错的薪资。 这么重要的接口测试&#xff0c;一般也是面试笔试必问。为方便大家更…

一些 AI 工具

AI 搜索&#xff1a;Phind&#xff0c;perplexity AI聊天大模型&#xff1a;chatgpt&#xff0c; kimi&#xff08;国内可用&#xff0c;支持上传文件&#xff09; AI 机器人&#xff1a;https://www.coze.com/ AI工具集&#xff1b;https://ai-bot.cn/#term-2 agent GPT&a…

打开windowsmac系统自带画图工具的方法

windows系统&#xff1a; 方法1:使用搜索栏 点击任务栏左侧的搜索图标&#xff08;放大镜图标&#xff09;。在搜索栏中键入“画图”或“Paint”。在搜索结果中&#xff0c;会显示“画图”应用程序。点击它即可打开。 方法2&#xff1a;使用运行命令&#xff1a; 按下Win …

【什么是多态】从用c语言实现多态开始,解剖多态的核心

什么是多态性&#xff1f; 多态性源自希腊语&#xff0c;意为“多种形态”。在编程领域&#xff0c;多态性表示同一操作或消息可以应用于不同类型的对象&#xff0c;而产生不同的行为。这种行为基于对象的类型和方法的实现方式而异&#xff0c;但对于调用方来说&#xff0c;它…

大数据--hdfs--java编程

环境&#xff1a; virtualbox ubantu1604 Linux idea社区版2023 jdk1.8 hadoop相关依赖 使用java操作 1. 判断/user/stu/input/test.txt文件是否存在&#xff0c;存在则读出文件内容&#xff0c;打印在控制台上。反之&#xff0c;输出“文件不存在”。 package abc;impo…

二进制文件和为文本文件

二进制文件和为文本文件 根据数据的组织形式&#xff0c;数据文件被称为文本文件或者二进制文件。 数据在内存中以⼆进制的形式存储&#xff0c;如果不加转换的输出到外存的文件中&#xff0c;就是二进制文件。 如果要求在外存上以ASCII码的形式存储&#xff0c;则需要在存储前…