在本机pdf查看器中打开Base64编码的PDF

Question

我正在努力生成包含来自html canvas元素的图像的pdf。 我设法得到了一个有效的实现，但我无法以有用的方式打开结果。

PDF.dataURI（）返回一个看起来像data:application/pdf;base64,BASE64_ENCODED_PDF_HERE的字符串data:application/pdf;base64,BASE64_ENCODED_PDF_HERE 。

我目前正在使用window.location = certificate.dataURI()来打开pdf。 我已经尝试过window.open ，但Safari不会很好玩。

结果：

在Firefox中，这会保存一个随机名称的文件，后跟.pdf（1）.part。 在Safari（桌面和移动设备）中，它会在同一选项卡中打开PDF，但不会显示任何pdf查看器界面。 在Chrome中，它会在同一个标​​签页中打开PDF并显示PDF界面。

基本上，我的问题是如何在浏览器中以PDF格式打开该格式的字符串，理想情况是在新选项卡中。

有什么想法吗？

Answer 1

您可以使用iframe查看pdf，如下所示

<object data="data:application/pdf;base64, your_base64_data" type="application/pdf">
<iframe src="https://docs.google.com/viewer?&embedded=true"></iframe>
</object>

Answer 2

你试过document.location.href吗？

您可以尝试从生成的pdf中的适当选项控制PDF查看器的UI界面，但浏览器可能会忽略它，所以al