纯jquery 前端导入 Excel数据减少服务端压力

纯jquery 前端导入 Excel数据减少服务端压力
前提是要导入jq库在这里就不再累述
重要的是导入xlsx.core.min.js
我根据xlsx.core.min.js编写自己的工具类

这里是导入数据解析的方法

function parseXlsx( workbook, sheetName, jsonObjects, callback ) {// 遍历每张表读取if (workbook.Sheets.hasOwnProperty(sheetName)) {jsonObjects= XLSX.utils.sheet_to_json(workbook.Sheets[sheetName]);}elsejsonObjects = [];//处理每条数据callback(JSON.stringify(jsonObjects), 0 );
}

将excel的file读取成json的格式(此处只能用于非IE浏览器)

function readXlsxFileFromLocal( file, sheetName, jsonObjects, callback ) {var reader = new FileReader();reader.onload = function(e) {var data = e.target.result;var workbook = XLSX.read(data, {type: 'binary'});parseXlsx(workbook, sheetName, jsonObjects, callback);};reader.readAsBinaryString(file);
}

将excel的sheet读取成sheet1，sheet2，sheet3的字符串(此处只能用于非IE浏览器)

function readXlsxFilesheetNameSFromLocal( file, callback ) {var reader = new FileReader();reader.onload = function(e) {var data = e.target.result;var workbook = XLSX.read(data, {type: 'binary'});if(callback)callback( workbook.SheetNames  );};reader.readAsBinaryString(file);
}

这里是IE浏览器环境下调取方法同上不再累述

function readXlsxFilesheetNameSFromLocalforIE( file, callback ) {var binary = "";var pt = this;var reader = new FileReader();      reader.onload = function (e) {var bytes = new Uint8Array(reader.result);var length = bytes.byteLength;for (var i = 0; i < length; i++) {binary += String.fromCharCode(bytes[i]);}pt.content = binary;$(pt).trigger('onload');var workbook = XLSX.read(binary, {type: 'binary'});if(callback)callback( workbook.SheetNames  );}reader.readAsArrayBuffer(file);
}function readXlsxFileFromLocalforIE( file,sheetName,jsonObjects,callback ) {var binary = "";var pt = this;var reader = new FileReader();      reader.onload = function (e) {var bytes = new Uint8Array(reader.result);var length = bytes.byteLength;for (var i = 0; i < length; i++) {binary += String.fromCharCode(bytes[i]);}pt.content = binary;$(pt).trigger('onload');var workbook = XLSX.read(binary, {type: 'binary'});parseXlsx(workbook, sheetName, jsonObjects, callback);}reader.readAsArrayBuffer(file);
}

使用时判断是否是IE浏览器

if (!FileReader.prototype.readAsBinaryString) {console.log("IE");
}else{console.log("Other");
}

纯jquery 前端导入 Excel数据减少服务端压力相关推荐

使用vue,实现前端导入excel数据
文章目录前言一.引入组件二.封装导入功能的组件 1.编写组件template 2.获取数据 3.调用接口把数据传给后端三.总结前言继前边的vue的导出功能后,自己又去在网上搜了vue导入e ...
php 表格导入excel插件,BootStrap Fileinput插件和表格插件相结合实现导入Excel数据的文件上传、预览、提交的步骤...
这篇文章主要介绍了BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传.预览.提交的导入Excel数据操作步骤,需要的朋友可以参考下 bootstrap ...
【二十四】springboot使用EasyExcel和线程池实现多线程导入Excel数据
springboot篇章整体栏目: [一]springboot整合swagger(超详细 [二]springboot整合swagger(自定义)(超详细) [三]springboot整合toke ...
python绘制动态图表怎么存下来_用python如何实现导入excel数据后自动生成图表？python如何实现交互式动态图表？...
这个需求涉及的环节太多了.导入excel文件,获取数据 -- 需要xlrd模块把数据导入python 2. 设定输出图表类型 -- 需要matplot模块.根据数据复杂度,可能需要ETL,那么需要pa ...
PL/SQL developer 导入Excel数据到linux安装的Oracle中文乱码问题
解决oracle中文显示乱码有三层地方需要调整或者修改第一层:操作系统层 locale -a 查看操作系统是否安装了中文字符集 2.设置用户的中文字符集查看到linux安装了中文字符集,那么ora ...
python导入excel数据-如何把python中的数据导入excel
python将数据导入excel的方法:1.在python官网下载xlrd第三方库:2.利用xlrd中的open_workbook函数读入excel文件,即可在python中导入excel数据. 一. ...
oracle 导入Excel数据
oracle 导入excel数据 CreateTime--2018年1月30日14:58:51 Author:Marydon 通过plsql实现 1.准备工作 Excel中的字段名称,必须和表结构字段 ...
php 导入表格数据,PHPExcel 导入Excel数据的方法
这篇文章主要介绍了关于PHPExcel 导入Excel数据的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下一:使用composer下载 phpoffice/phpexcel 或者 ...
arcgis导入excel数据_导入Excel数据到ArcGIS属性表的两种实用方法
导入Excel数据到ArcGIS有两种方法,一种是用ArcMap的加载数据(黄色+号那个):另一种是用ArcCatalog直接转为shp文件,两种方法的原理是一样的. 第一种方法 1.Excel数据: ...

纯jquery 前端导入 Excel数据减少服务端压力

纯jquery 前端导入 Excel数据减少服务端压力相关推荐

最新文章

热门文章

纯jquery 前端导入 Excel数据 减少服务端压力

纯jquery 前端导入 Excel数据 减少服务端压力相关推荐

最新文章

热门文章

纯jquery 前端导入 Excel数据减少服务端压力

纯jquery 前端导入 Excel数据减少服务端压力相关推荐