首页 > 解决方案 > 我正在尝试在提交表单后制作 html2pdf

问题描述

当表单为空时,我的 html2padf.js 文件可以工作,但是当我填写表单并提交时,只有表单通过并且该功能不起作用。

window.onload = 函数(){

document.getElementById("download")
    .addEventListener("click", () => {
        const invoice = this.document.getElementById("invoice");
        console.log(invoice);
        console.log(window);
        var opt = {
            margin: 0,
            filename: 'myfile.pdf',
            image: { type: 'jpeg', quality: 0.98 },
            html2canvas: { scale: 1 },
            jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
        };
        html2pdf().from(invoice).set(opt).save();
    })

}

标签: javascriptphpforms

解决方案


提交后,您的表格将被清除。您可以在提交后添加输入字段的值:

<form action="/action_page.php" method="post">
   <input type="text" name="subject" value="<?php if(isset($_POST['subject'])){echo $_POST['subject'];}?>">
</form> 

推荐阅读