一、首先需要需要引入需要的包

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

二、一个上传文件的file类型的input标签

<input type="file" id="excel-file">

三、js相关操作对选中.xls文件进行解析,获取数据

$('#excel-file').change(function(e) {            try {new Uint8Array([1,2]).slice(0,2);} catch (e) {console.log("[Uint8Array"+e.description+"]这里使用【Array.slice】。");//IE或有些浏览器不支持Uint8Array.slice()方法。改成使用Array.slice()方法Uint8Array.prototype.slice = Array.prototype.slice;}var url=$('#excel-file').val();if(!url){return;}var suffix=url.substring(url.lastIndexOf(".")+1,url.length);if(!(suffix=="xls"||suffix=="xlsx")){return alert("文件类型不正确");}var files = e.target.files;         var fileReader = new FileReader();fileReader.readAsArrayBuffer(files[0]);// 以二进制方式打开文件fileReader.onload = function(ev) {$('#excel-file').val('');try {                    var data = ev.target.result;var workbook = XLSX.read(data, { type: 'array'}),persons = [];} catch (e) {console.error(e);return alert('文件类型不正确!');}var fromTo = '';// 遍历每张表读取for (var sheet in workbook.Sheets) {if (workbook.Sheets.hasOwnProperty(sheet)) {fromTo = workbook.Sheets[sheet]['!ref'];console.log(fromTo);persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));// break; // 如果只取第一张表,就取消注释这行}} console.log(persons)};});

js读取excel(兼容IE、chrome、firefox)相关推荐

  1. java解析excel的js页面,js读取excel文件并显示

    js读取excel文件并展示 本帖最后由 a911dalin 于 2013-12-30 13:01:17 编辑 如题,读取excel中所有数据和格式,求大神帮忙,明天就得赶出来 分享到: 更多 --- ...

  2. js 读取excel 导入mysql_可以读取EXCEL文件的js代码

    首页给个有中文说明的例子,下面的例子很多大家可以多测试. function readExcel() { var excelApp; var excelWorkBook; var excelSheet; ...

  3. JS读取Excel时日期格式错误

    问题:在做项目的过程中遇到一个问题,导入excel数据时,发现日期的格式错误.预期效果是2022/1/2,导入后的效果却是44563.查阅资料后发现44563表示 1900年1月1号到2022年1月2 ...

  4. js读取excel或者导出成excel时权限设置问题

    当我们在使用js读取excel,或者导出excel的时候都会有权限问题. 做如下设定即可.IE8 1.将网站加入到信任的网站. 2.更改插件的使用权限: 经过以上两个步骤就可以了.

  5. js读取Excel的数据(仅IE有效)

    js读取Excel,返回一个二维数组 /*** desc:解析一个本地excel,返回一个二维数组* param {}对象 属性 path,sheet,rowStart,rowEnd,colStart ...

  6. xlsx.full.js读取Excel数据转换成二维数组,sheet_to_array

    xlsx.full.js读取Excel的sheet数据转换成二维数组,sheet_to_array 解析sheet数据为二维数组 测试方法 效果 鉴于js-xlsx.js没有XLSX.util.she ...

  7. js node.js读取excel文件返回为json文本

    node-xlsx: 基于Node.js解析excel文件数据及生成excel文件:只支持xlsx xlsx: 基于Node.js解析excel文件数据及生成excel文件:只支持xlsx excel ...

  8. 前端js读取excel工作表格数据

    首先 需要两个js文件 jquery.min.js 线上地址 https://cdn.bootcss.com/jquery/3.2.1/jquery.js xlsx.core.min.js 线上地址 ...

  9. js读取excel数据后的时间格式转换

    用nodejs的"node-xlsx"库,获取excel的数据之后,里面的日期值全面变成了一个整数值.至于,怎么使用"node-xlsx"获取数据,代码: co ...

最新文章

  1. Centos7 nginx 虚拟主机、反向代理服务器及负载均衡,多台主机分离php-fpm实验
  2. Asp.Net Core 视图整理(一)
  3. 企业IT解决方案经验分享活动
  4. 【算法数据结构Java实现】递归的简单剖析及时间复杂度计算
  5. CVPR 2015深度学习回顾
  6. 下沉市场消费升级静悄悄?
  7. 【转】golang-defer坑的本质
  8. FC网络学习笔记02 -网络配置方法
  9. 回溯算法之电话号码的字母组合
  10. leetcode - 712. 两个字符串的最小ASCII删除和
  11. Java数组实现五子棋功能
  12. java 小数点保留_Java小数点位数保留
  13. [裴礼文数学分析中的典型问题与方法习题参考解答]5.1.23
  14. windows 控制台cmd乱码(及永久修改编码)的解决办法
  15. STM32入门学习经验总结
  16. Linux服务器查看Ip地址
  17. 从《人民的名义》看声纹识别技术在案件侦查中的应用
  18. python进制转换函数
  19. 黑盒测试用例设计方法-正交试验
  20. 作为一个项目经理,这七个项目管理经验你掌握了吗?

热门文章

  1. Linux删除文件夹命令
  2. 华为3e手机html查看器,【IT之家评测室】华为 nova 3e手机图赏:小仙女的美拍神器...
  3. Word文档不允许修改?咋办?
  4. 计算机考研南航和南邮,考研择校分析 — 南京邮电大学
  5. MinGW VS CygWin
  6. 苹果6严重卡顿_iOS13严重BUG出现!WiFi无法使用 软件系统崩溃
  7. ADC工作原理及应用
  8. FBX导入虚幻5_详解
  9. 如何在 Word 中使用自定义样式生成文章目录
  10. 用树莓派制造木制 LED 游戏显示器,效果非常棒!