程序开发过程中,会有一些中间数据,需要给其他人员可视化查看,如部分数据库中的数据,我们就需要把数据库中的数据直接导出到Excel中。

我又懒得去写代码开发Excel导出功能。找在线工具又怕数据不安全,所以找到了了这个js工具。

仅需要将数据输出成JSON格式,直接通过在线工具将数据转换输出到Excel文件即可。

<!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">
    <script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
    <title>Document</title>
</head>

<body>
    <div>
        <input type="file" id="files" />
        <button onclick="jsonToExcel()">Json转换为Excel</button>
    </div>
    <script>
        var json;
        var inputElement = document.getElementById("files");
        inputElement.addEventListener("change", handleFiles, false);
        function handleFiles() {
            var selectedFile = document.getElementById("files").files[0];
            var reader = new FileReader();
            reader.readAsText(selectedFile, "UTF-8");
            reader.onload = function () {
                json = JSON.parse(this.result);
            };
        }
        function jsonToExcel() {
            var filename = "write.xlsx";
            var ws_name = "SheetJS";
            var wb = XLSX.utils.book_new();
            var ws = XLSX.utils.json_to_sheet(json);
            XLSX.utils.book_append_sheet(wb, ws, ws_name);
            XLSX.writeFile(wb, filename);
        }
    </script>
</body>

</html>

获取地址:官方GtiHub库

最后修改:2023 年 06 月 28 日
如果觉得我的文章对你有用,请随意赞赏