将EXCEL表格的数据转化为数组对象形式的数据

最新推荐文章于 2024-07-03 16:33:10 发布

royal-

最新推荐文章于 2024-07-03 16:33:10 发布

阅读量5.5k

点赞数 4

文章标签： javascript excel数据处理 vue

本文链接：https://blog.csdn.net/qq_46003166/article/details/109032083

版权

使用xlsx.full.min.js读取excel表格数据

excel 数据是这样的
在这里插入图片描述
处理后数据是这样的

代码如下，需要引入xlsx.full.min.js 下载地址

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>上传文件</title>
    <style>
        
    </style>
    <script type="text/javascript" src='./xlsx.full.min.js'></script>
</head>

<body>
    文件：<br>
    <input type="file" id="file"><br>
</body>
<script>
    //首先监听input框的变动，选中一个新的文件会触发change事件
    document.querySelector("#file").addEventListener("change", function () {
        //获取到选中的文件
        var file = document.querySelector("#file").files[0];
        var type = file.name.split('.');
        if (type[type.length - 1] !== 'xlsx' && type[type.length - 1] !== 'xls') {
            alert('只能选择excel文件导入');
            return false;
        }
        const reader = new FileReader();
        reader.readAsBinaryString(file);
        reader.onload = (e) => {
            const data = e.target.result;
            const zzexcel = window.XLS.read(data, {
                type: 'binary'
            });
            const result = [];
            for (let i = 0; i < zzexcel.SheetNames.length; i++) {
                const newData = window.XLS.utils.sheet_to_json(zzexcel.Sheets[zzexcel.SheetNames[i]]);
                result.push(...newData)
            }
            console.log('result', result)
        }
    });
</script>

</html>

接下来就是–复制浏览器控制台打印的数据
第一步：点击数据右键会出现
在这里插入图片描述
第二步：点击 Store as global variable ，然后会在控制台出现一个临时变量(temp1)
第三步：在控制台里执行 copy(temp1)

注意：这时数据已经被复制到粘贴板了，可以到其他地方直接进行粘贴（Ctrl + v / command + v）就可以获得该数据，注意此处的copy方法中的参数是一个变量并不是一个字符串

royal-

关注

4
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
将EXCEL表格的数据转化为数组对象形式的数据

使用xlsx.full.min.js读取excel表格数据excel 数据是这样的处理后数据是这样的代码如下，需要引入xlsx.full.min.js 下载地址<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalabl
复制链接

扫一扫