使用 window.open() 通过 iframe 打开时 PDF 卡住

Question

我正在尝试在新选项卡中打开以 base64 格式字符串形式收到的 PDF。它在没有任何内容的新 window 中打开，但是当我在页面上执行 "inspect element" 时，我得到的 PDF 非常好。

这是我的代码 -

var pdfWindow = window.open("about:blank", "_blank");
pdfWindow.document.write("<iframe width='100%' height='100%' src='data:application/pdf;base64, " + encodeURI(payload)+"'></iframe>");

此外，我想在新选项卡中打开 PDF，而不是在新 window 中打开。在新 window 中打开时，PDF 可以完美打开。

要在新 window 中打开，我使用此代码 -

let pdfWindow = window.open("", '_blank', 'dependent=yes,locationbar=no,scrollbars=no,menubar=no,resizable,screenX=50,screenY=50,width=850,height=800')
pdfWindow.document.write("<iframe width='100%' height='100%' src='data:application/pdf;base64, " + encodeURI(payload)+"'></iframe>");

Answer 1

这是一个老问题，但可能对其他人有帮助：问题出在 iframe 宽度和高度标签上。不要使用百分比，而是使用定义的像素。这将解决问题。

<iframe width='600px' height='600px' ...> </iframe>

使用 window.open() 通过 iframe 打开时 PDF 卡住

PDF gets stuck when opening through iframe using window.open()

javascript

pdf

iframe

window.open