js 用xlsx读取excel、json_to_execl、excel_to_json导入导出

来源于  https://www.cnblogs.com/huoan/p/10963328.html

 

用了xlsx插件。

线上例子

http://yueqingfang.cn/exportJson/json_to_execl%E3%80%81excel_to_json.html  （F12看控制台）

http://yueqingfang.cn/exportJson/json_to_execl%E3%80%81excel_to_json2.html  (F12看控制台、使用了FileSaver插件)

上面两个例子的区别在于，下载的时候，兼容处理。

第一个例子是自己原生写了一个，第二个例子是引用了FileSaver插件。

废话不多说，直接上代码。

文件目录

json_to_execl、excel_to_json.html代码:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json_to_execl、excel_to_json</title>
    <script src="sheetJson.js"></script>
</head>
<body>
<button class="download">下载</button>
<button class="upload">上传</button>
<script>
    window.onload = function () {
        var download = document.querySelector('.download');
        var upload = document.querySelector('.upload');
        var sheetName = {
            name: '姓名',
            age: '年龄',
            sex: '性别'
        };

        // 下载
        download.onclick = function () {
            var datas = [
                {"name": "路飞", "age": "100", "sex": "男"},
                {"name": "女帝", "age": "30", "sex": "女"},
                {"name": "娜美", "age": "30", "sex": "女"},
                {"name": "索隆", "age": "solo", "sex": "男"},
            ];
            console.log(datas); //JSON数据
            var workbook = sheetJson.toSheet({
                sheetName: sheetName,
                datas: datas
            });
            console.log(workbook);
            sheetJson.downloadExl(workbook)
        }

        //给upload注册上传方法
        sheetJson.uploadXls(upload, function (files) {
            //解析excel数据
            sheetJson.readWorkbookFromLocalFile(files, function (workbook) {
                console.log(workbook);      //获取到解析的数据
                var datas = sheetJson.toJson({
                    sheetName: sheetName,
                    datas: workbook
                });
                console.log(datas);     //JSON数据
            });
        }, function (errmsg) {
            alert(errmsg);
        })
    }
</script>
</body>
</html>
复制代码

json_to_execl、excel_to_json2.html代码: 

 View Code

sheetJson.js代码

 View Code

sheetJson2.js代码

 View Code

lib/Blob.js代码

 View Code

lib/FileSaver.js代码

 View Code

lib/xlsx.core.min.js下载地址

下载地址1：http://yueqingfang.cn/exportJson/lib/xlsx.core.min.js

下载地址2：http://oss.sheetjs.com/js-xlsx/xlsx.core.min.js

 

posted @ 2022-01-25 11:52  苦行者的刀  阅读(355)  评论(0)    收藏  举报