js如何解析excel

2025-11-20 09:18:27

1、首先引入jquery.js

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

js如何解析excel

2、其实引入xlsx.full.min.js

<script src="https://cdn.bootcss.com/xlsx/0.12.6/xlsx.full.min.js"></script>

js如何解析excel

3、新建文件读取

var reader = new FileReader();

js如何解析excel

4、//将文件读取为二进制字符串

wb = XLSX.read(data, {type : 'binary'});

js如何解析excel

5、wb.SheetNames[0]是获取Sheets中第一个Sheet的名字

wb.Sheets[Sheet名]获取指定Sheet的数据

js如何解析excel

6、获取指定sheet的数据

JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]));

js如何解析excel

7、<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>js如何解析Excel文件</title>

</head>

<body>

    <input type="file" onchange="impexcel(this)" />

</body>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

<script src="https://cdn.bootcss.com/xlsx/0.12.6/xlsx.full.min.js"></script>

<script type="text/javascript">

    var wb;// 读取完成的数据

    // 导入

    function impexcel(obj) {

        if (!obj.files) {

            return;

        }

        var f = obj.files[0];

//新建文件读取

        var reader = new FileReader();

        reader.onload = function(e) {

            var data = e.target.result;

            //将文件读取为二进制字符串

            wb = XLSX.read(data, {type : 'binary'});

alert(wb.SheetNames[0]);

        // wb.SheetNames[0]是获取Sheets中第一个Sheet的名字

        // wb.Sheets[Sheet名]获取第一个Sheet的数据

            JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]));

alert(JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])));

        };

        reader.readAsBinaryString(f);

    }

</script>

</html>

js如何解析excel

8、excel测试文件内容。

js如何解析excel

9、另存为html文件,点击【浏览】打开上述excel文件。

js如何解析excel

10、弹出显示sheet名。

js如何解析excel

11、弹出显示对应的sheet内容。

js如何解析excel

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢