大家好!今天让小编来大家介绍下关于js读取excel详解(js读取excel报表文件)的问题,以下是酷知号的小编对此问题的归纳整理,让我们一起来看看吧。
一、js读取excel文件
要读取excel文件,需要用到filereader对象。filereader对象允许web应用程序异步读取存储在用户计算机上的文件,使用filereader可以把本地文件通过二进制流的方式读取出来,然后进行相应的操作。
function loadfile() {
var file = document.queryselector('#file').files[0];
var reader = new filereader();
reader.readainarystring(file);
reader.onload = function(e) {
var data = e.target.result;
// 对读取出来的二进制数据进行操作
}
}
二、js读取excel 20万数据
读取excel文件时,如果文件比较大,会有性能上的问题,特别是在处理20万条数据这样巨大的数据量时,会让页面变得非常卡顿,因为浏览器在读取和处理大量数据时需要耗费大量内存和时间。
因此,可以使用分块读取的方法,将大文件分成多块,每次只读取其中的一块,可以有效地提高程序运行性能,同时避免内存溢出问题。
var reader = new filereader();
var chunk_size = 1024 * 1024; // 每次读取1mb数据
var offset = 0;
var file = document.getelementbyid('file').files[0];
// 读取文件
function readblob() {
if (offset >= file.size) {
return;
}
var slice = file.slice(offset, offset chunk_size);
reader.readasarraybuffer(slice);
}
// 当读取完成时触发
reader.onload = function(e) {
var data = new uint8array(reader.result); // 读取的数据存放在result属性中
offset = data.bytelength;
readblob();
}
readblob();
三、js读取excel数据
使用js读取excel文件时,可以利用第三方库xlsx.js,这是一个开源的jascript库,支持读取和写入office open xml spreadsheet格式的电子表格文件。xlsx.js可以将excel文件读成json对象或html表格。
使用方法如下:
// 引入xlsx.js库
// 读取excel文件
var file = document.queryselector('#file').files[0];
var reader = new filereader();
reader.onload = function(event) {
var data = event.target.result;
var workbook = xlsx.read(data, {type: 'binary'});
// 读取第一个工作表的所有数据
var sheet1 = workbook.sheets[workbook.sheetnames[0]];
var rows = xlsx.utils.sheet_to_row_object_array(sheet1);
// 处理读取出来的数据
};
reader.readainarystring(file);
四、js读取excel中的样式
当读取excel文件中的样式时,需要用到sheetjs style library,这是一个sheetjs的附加库,可读取并解析excel电子表格中的样式信息。
使用方法如下:
// 引入xlsx.js库和sheetjs-style库
// 读取excel文件
var file = document.queryselector('#file').files[0];
var reader = new filereader();
reader.onload = function(event) {
var data = event.target.result;
var workbook = xlsx.read(data, {type: 'binary', cellstyles: true});
// 读取第一个工作表的所有数据
var sheet1 = workbook.sheets[workbook.sheetnames[0]];
var rows = xlsx.utils.sheet_to_json(sheet1, {header:1, range:1});
var styles = sheet_to_json(sheet1, {header:1, range:1, style:true});
// 处理读取出来的数据和样式
};
reader.readainarystring(file);
五、js读取excel表格
当需要读取一个excel文件中的表格时,需要用到sheetjs table library,这是sheetjs的另一个附加库,可以在电子表格中创建透视表和交叉表格。
使用方法如下:
// 引入xlsx.js库和sheetjs-table库
// 读取excel文件
var file = document.queryselector('#file').files[0];
var reader = new filereader();
reader.onload = function(event) {
var data = event.target.result;
var workbook = xlsx.read(data, {type: 'binary', cellstyles: true});
// 读取第一个工作表的所有数据
var sheet1 = workbook.sheets[workbook.sheetnames[0]];
var rows = xlsx.utils.sheet_to_json(sheet1, {header:1, range:1});
// 创建table对象
var table = new table(rows);
// 添加到dom中
var tableelem = document.createelement('table');
tableelem.innerhtml = table.html();
document.queryselector('#table-container').appendchild(tableelem);
};
reader.readainarystring(file);
六、js读取excel表的代码
在sheetjs库中,有一个utility部分可以展示如何读取excel文件和表格。比如读取excel文件:
/* require xlsx */
var xlsx = require('xlsx');
var workbook = xlsx.readfile('test.xlsx');
/* do something with workbook here */
读取excel表:
/* require xlsx */
var xlsx = require('xlsx');
var workbook = xlsx.readfile('test.xlsx');
var sheet_name_list = workbook.sheetnames;
sheet_name_list.foreach(function(y) {
var worksheet = workbook.sheets[y];
/* do something with worksheet here */
});
七、js读取excel日期
当读取excel文件中的日期时,需要进行日期格式转换。sheetjs库中提供了日期格式化函数,可以将字符串格式的日期转换成日期对象。
/* require xlsx */
var xlsx = require('xlsx');
var workbook = xlsx.readfile('test.xlsx');
var sheet_name_list = workbook.sheetnames;
sheet_name_list.foreach(function(y) {
var worksheet = workbook.sheets[y];
var headers = {};
var data = [];
for(var z in worksheet) {
if(z[0] === '!') continue;
// 将日期转换成日期对象
var date = xlsx.ssf.parse_date_code(worksheet[z].v);
/* do something with date here */
}
});
八、js读取excel文件chrome
如果使用chrome浏览器读取excel文件时,可能会遭遇下面的错误:
uncaught domexception: failed to execute 'readainarystring' on 'filereader': the object is already busy reading blobs.
这是因为chrome浏览器的filereader对象不支持重复读取相同的文件,因此需要进行特殊处理,每次读取前都需要重置filereader对象。
var reader = new filereader();
var file = document.getelementbyid('file').files[0];
// 重置filereader对象
function resetreader() {
reader.onload = null;
reader.abort();
reader = new filereader();
}
// 读取文件
function readfile() {
resetreader();
reader.readainarystring(file);
reader.onload = function(event) {
var data = event.target.result;
// 处理读取出来的数据
}
}
九、js读取excel文件xls
以上介绍的都是读取xlsx格式的excel文件,如果要读取xls格式的excel文件,需要用到第三方库xls.js。
使用方法如下:
// 引入xls.js库
// 读取xls格式的excel文件
var file = document.queryselector('#file').files[0];
var reader = new filereader();
reader.onload = function(event) {
var data = new uint8array(event.target.result);
var workbook = xls.read(data, {type: 'array'}); // 读取xls文件
// 处理读取出来的数据
};
reader.readasarraybuffer(file);
以上是我对js读取excel的详细阐述,从读取excel文件到读取excel表格、日期、样式和处理20万条数据等不同方面进行了介绍,希望对大家有所帮助。
以上就是小编对于js读取excel详解(js读取excel报表文件)问题和相关问题的解答了,js读取excel详解(js读取excel报表文件)的问题希望对你有用!
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文链接:https://www.andon8.com/483611.html