Chrome 浏览器中 iframe 中的后续 PDF 渲染问题答案

【问题标题】：Subsequent PDF rendering issue in iframe in Chrome browserChrome 浏览器中 iframe 中的后续 PDF 渲染问题
【发布时间】：2017-08-29 06:55:44
【问题描述】：

使用 jsPDF 我正在生成 PDF 并使用 iframe 将其渲染到新的浏览器窗口中，并在按钮单击事件上使用以下代码，这对于第一次按钮单击工作正常，但对于后续单击，只会打开新窗口并显示 PDF 错误，如下所示仅在 Chrome 浏览器中，在 FF 中可以正常工作。

var string = pdf.output('datauristring');
var iframe = "<iframe width='100%' height='100%' src='" + string + "'></iframe>"
var x = window.open();
x.document.open();
var y = x.document.write(iframe);
x.document.close();

错误截图

【问题讨论】：

标签： google-chrome jspdf

【解决方案1】：

您应该尝试以下代码。这在 Chrome 和 Firefox 中也适用于我。

var doc = new jsPDF()
doc.text('Hello world!', 10, 10)
var string = doc.output('datauristring')
var iframe = "<iframe width='100%' height='100%' src='" + string + "'></iframe>"
var x = window.open()
x.document.open()
x.document.write(iframe)
x.document.close()

【讨论】：