欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

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

程序员文章站 2022-04-24 21:56:38
...

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

excel 数据是这样的
将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>

接下来就是–复制浏览器控制台打印的数据
第一步：点击数据右键会出现
将EXCEL表格的数据转化为数组对象形式的数据
第二步：点击 Store as global variable ，然后会在控制台出现一个临时变量(temp1)
第三步：在控制台里执行 copy(temp1)

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

相关标签： javascript excel数据处理 vue

上一篇： FCC前端开发项目

下一篇： JavaEye华章杯第9届问答大赛开始了！赢取丰富华章新书－8月19日至9月9日

推荐阅读