在本機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