Chrome浏览器中iframe中的后续PDF呈现问题

Question

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

＆＃13;

＆＃13;

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();

＆＃13;

＆＃13;

＆＃13;

错误截屏

Answer 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()