JavaScript 技术篇 - js读取Excel文档里的内容实例演示,js如何读取excel指定单元格的内容,js将excel的内容转化为json字符串方法

简介: JavaScript 技术篇 - js读取Excel文档里的内容实例演示,js如何读取excel指定单元格的内容,js将excel的内容转化为json字符串方法

JavaScript 读取 Excel 文档里的内容实例演示

第一章:准备

① 下载 xlsx.full.min.js 支持包

获取地址:官方 Github

小蓝枣的 csdn 资源仓库

image.png

在点进 Raw

image.png

然后通过 ctrl + s 保存即可。

image.png

第二章:功能实现与使用演示

① 实现代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>小蓝枣-js读取Excel演示</title>
    <script src="xlsx.full.min.js"></script>
</head>
<body>
    <input type="file" onchange="readExcel(this)" />
    <script>
    function readExcel(file_obj){
      var reader = new FileReader();
      var file = file_obj.files[0];
      reader.readAsBinaryString(file);
      reader.onload = function (e) {
        var data = e.target.result;
        var wb = XLSX.read(data, {type: 'binary'});
        sheetName = wb.SheetNames[0]   // 获取文档中第一个sheet页签的名字
        sheets = wb.Sheets[sheetName]   // 获sheet名页签下的数据
        console.log(sheets);   // 返回sheet对象到控制台
      };
    }
    </script>
</body>
</html>

② 使用效果演示

看下控制台,这是返回的第一个 sheet 页签的数据对象。

t 代表类型,如果内容是 s 表示文本字符串、n 表示数值。

v 代表 value 数值。

image.png

这是源 Excel 文档。

image.png

③ 获取指定单元格的内容

通过 sheets['单元格'].v;sheets.单元格.v; 可以获取指定单元格里的内容。

image.png

④ 将读取的 Excel 内容转化为 json 字符串

通过 JSON.stringify(XLSX.utils.sheet_to_json(sheets)); 可以将 sheet 页签的内容转化为 json 数据输出。

image.png

去掉转义符号后再格式化,可以看到如下效果。

image.png

喜欢的点个赞❤吧!


目录
相关文章
|
3月前
|
Java API Apache
Java编程如何读取Word文档里的Excel表格,并在保存文本内容时保留表格的样式?
【10月更文挑战第29天】Java编程如何读取Word文档里的Excel表格,并在保存文本内容时保留表格的样式?
211 5
|
4月前
|
数据处理 Python
Python实用记录(十):获取excel数据并通过列表的形式保存为txt文档、xlsx文档、csv文档
这篇文章介绍了如何使用Python读取Excel文件中的数据,处理后将其保存为txt、xlsx和csv格式的文件。
270 3
Python实用记录(十):获取excel数据并通过列表的形式保存为txt文档、xlsx文档、csv文档
|
5月前
|
XML JSON 前端开发
json字符串CSS格式化
完成以上步骤后,你便能在网页中看到格式化后的JSON数据,它们将按照CSS定义的样式进行展示,使数据更易于阅读和理解。通过有效地结合JSON和CSS,你可以创建出更加丰富且易于交互的网页内容。
241 64
|
4月前
|
数据处理 Python
Python 高级技巧:深入解析读取 Excel 文件的多种方法
在数据分析中,从 Excel 文件读取数据是常见需求。本文介绍了使用 Python 的三个库:`pandas`、`openpyxl` 和 `xlrd` 来高效处理 Excel 文件的方法。`pandas` 提供了简洁的接口,而 `openpyxl` 和 `xlrd` 则针对不同版本的 Excel 文件格式提供了详细的数据读取和处理功能。此外,还介绍了如何处理复杂格式(如合并单元格)和进行性能优化(如分块读取)。通过这些技巧,可以轻松应对各种 Excel 数据处理任务。
316 16
|
4月前
|
JSON 前端开发 JavaScript
json字符串如何转为list对象?
json字符串如何转为list对象?
608 7
|
5月前
|
XML JSON 前端开发
json字符串CSS格式化
json字符串CSS格式化
95 5
|
5月前
|
JSON 数据格式 Python
6-1|Python如何将json转化为字符串写到文件内 还保留json格式
6-1|Python如何将json转化为字符串写到文件内 还保留json格式
|
5月前
|
存储 数据挖掘 测试技术
Python接口自动化中操作Excel文件的技术方法
通过上述方法和库,Python接口自动化中的Excel操作变得既简单又高效,有助于提升自动化测试的整体质量和效率。
57 0
|
3月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
50 1
JavaScript中的原型 保姆级文章一文搞懂

热门文章

最新文章