首页 > 解决方案 > 我想从 firbase 实时数据库中导出 PDF 文件中的数据。我在按钮单击时得到空白的 pdf 文件

问题描述

我想使用从 Firebase 实时数据库中获取的数据在按钮单击时生成 PDF。我在控制台中完美地获取数据及其键和值,并尝试将其附加到ul li中。当我单击该按钮时,会下载一个空白 PDF。我正在使用 jspdf 库。有人可以帮助我哪里出错了吗?

我想使用从 Firebase 实时数据库中获取的数据在单击按钮时生成 PDF。我在控制台中完美地获取数据及其键和值,并尝试将其附加到 ul li 中。当我单击按钮时,一个下载了空白 PDF。我正在使用 jspdf 库。有人可以帮助我哪里出错了吗?

function getPDF(e) {
    firebase.database().ref('gpr/' + e.id).on('value', function(snapshot) {

        function data() {
            for (const property in snapshot.val()) {
                var key = `${property}`;
                var value = `${snapshot.val()[property]}`;
                var ul = document.createElement("ul");
                ul.setAttribute("id", "tabledata");
                var li = document.createElement("li");
                var liTextNode = document.createTextNode(key + ": " + value);
                li.appendChild(liTextNode);
                ul.appendChild(li);
            }
        }

        var doc = new jsPDF();
        var text = data();
        doc.fromHTML(text, 15, 15);
        doc.save("output.pdf");

    });

}

标签: javascriptdatabasefirebasefirebase-realtime-databasehtml5-canvas

解决方案


推荐阅读