javascript - 如何替换窗口中的 PDF 内容？

Question

我正在使用 Base64 编码数据在另一个窗口中显示 PDF，并且使用它可以完美地工作

this.pdfWindow = window.open('', '_blank', 'toolbar=0,location=0,menubar=0');
this.pdfWindow.document.write("<iframe id='pdf_frame' width='100%' height='100%' src='data:application/pdf;base64, " + encodeURI(res)+"'></iframe>")

但我希望能够更新此窗口的内容并更改其中显示的 PDF 文件。

我尝试再进行一次写入，但这只是将另一个 PDF 附加到当前 PDF 的下方。

我也尝试过:

this.pdfWindow.document.getElementById('pdf_frame').innerHTML = newContent;

什么也没发生。

我还尝试删除并重新附加框架，但没有成功:

this.pdfWindow.document.removeChild(this.pdfWindow.document.getElementById('pdf_frame'));
this.pdfWindow.document.write("<iframe id='pdf_frame' width='100%' height='100%' src='data:application/pdf;base64, " + encodeURI(res)+"'></iframe>");

仍然没有发生任何事情。

我肯定错过了一些东西，但找不到它。

感谢 future 的回答。

Answer 1

this.pdfWindow.document.removeChild(this.pdfWindow.document.getElementById('pdf_frame'));

此代码不起作用，因为该元素不是 document 的直接子元素。相反，做这样的事情:

var oldPdf = this.pdfWindow.document.getElementById('pdf_frame');
oldPdf.parentElement.removeChild(oldPdf);