js读取excel详解(js读取excel报表文件)-pg电子平台

大家好！今天让小编来大家介绍下关于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报表文件)的问题希望对你有用！