Javascript 无法使用jsPDF下载PDF_Javascript_Html_Jquery_Jspdf

Javascript 无法使用jsPDF下载PDF

javascript html jquery

Javascript 无法使用jsPDF下载PDF,javascript,html,jquery,jspdf,Javascript,Html,Jquery,Jspdf,我尝试了不同的方法来实现这个方法，但是没有任何效果 <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"></script>

我尝试了不同的方法来实现这个方法，但是没有任何效果

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"></script>
</head>
<body>

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, provident perferendis. Adipisci beatae libero nihil eaque a nobis nulla pariatur itaque sunt, magni unde vitae corporis deleniti officia molestias nemo! </p>
    <button onclick="createPDF()">Create PDF</button>

</body>
<script> 
    function createPDF(){
        import { jsPDF } from "jspdf";

        // Default export is a4 paper, portrait, using millimeters for units
        const doc = new jsPDF();
        var html = document.getElementById("p").innerHTML;

        doc.text(html, 10, 10);
        doc.save("a4.pdf");
    }
</script>
</html>


文件
Lorem ipsum dolor sit amet，奉献精英。灵丹妙药，天意。一个自由的人，一个没有法定权利的人，一个没有法定权利的人，一个没有法定权利的人
PDF创建
函数createPDF（）{
从“jsPDF”导入{jsPDF}；
//默认导出为a4纸张，纵向，单位为毫米
const doc=new jsPDF（）；
var html=document.getElementById（“p”）.innerHTML；
文档文本（html，10，10）；
doc.save（“a4.pdf”）；
}

这是我目前掌握的代码。我在YouTube上看到了一个关于这一点的教程，那个人用我在这里实现它的确切方式来实现它。但是，当我尝试运行它时，它不起作用。我甚至尝试过为JQuery添加CDN，但仍然不起作用。我在这里遗漏了什么吗？

我可以通过执行以下操作来实现这一点：

将脚本标记源更改为：https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"

删除createPDF函数中的导入语句

最终脚本如下所示：


文件
Lorem ipsum dolor sit amet，奉献精英。灵丹妙药，天意。一个自由的人，一个没有法定权利的人，一个没有法定权利的人，一个没有法定权利的人
PDF创建
函数createPDF（）{
//默认导出为a4纸张，纵向，单位为毫米
const doc=new jsPDF（）；
文本（“你好，世界！”，10，10）；
doc.save（“a4.pdf”）；
}

您收到错误：

无法在模块外部使用导入语句

通过在

package.json

中指定

“type”：“module”

可以更正此错误。因此，从“jsPDF”中删除

import{jsPDF}，并使用脚本：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.debug.js"></script>


Lorem ipsum dolor sit amet，奉献精英。灵丹妙药，天意。一个自由的人，一个没有法定权利的人，一个没有法定权利的人，一个没有法定权利的人
创建PDF
要添加我正在最新版本的Chrome上测试的内容。浏览器控制台中有错误吗？或者运行代码时还会发生什么？“不起作用”不是对问题的有意义或信息量的描述。另外，我看不出jQuery在这里有什么帮助，是什么让你产生了这个想法？你能链接到教程吗？然后也许我们可以检查一下你是否真的复制了它not@ADyson对于JQuery，我只是假设它是必需的，因为其他一些人在这个网站上的版本中有它。然而，文档并没有说这是必需的。这篇文章已经被回答，他们的解决方案也能起作用，我想这主要是因为脚本标记不能正常工作。@Sal，请将两个答案中的任何一个标记为已解决，选中左侧的复选框。