如何从javascript打开PDF文件，但不是在新窗口中打开？

我需要从我的JS代码打开PDF文件，但<a href="#" onclick="window.open('http://linktoPDF', 'NewWin');">link</a>不好的问题。如何从javascript打开PDF文件，但不是在新窗口中打开？

我想在当前页面的PDF查看器中打开此PDF。

来源

2017-01-31 Max Karpovets

不要直接链接到PDF。创建一个新的HTML页面，该页面具有占用整个窗口的单个“对象”标签;基本上是一个HTML包装器。将对象的data属性设置为您最初想要链接到的PDF。将源HTML中的链接设置为指向HTML包装器。这样你就可以控制包装器如何加载，而PDF只是在页面中显示出来。 HTML看起来像这样...

<body style="overflow:hidden;height:100vh;margin: 0;padding: 0;border: 0;"> 
    <object data="YOUR_PDF.pdf" type="application/pdf" style="width: 100%; height: 100vh"></object> 
</body>

您的文档中的链接将是上述HTML页面的正常链接。它只是看起来像它直接链接到PDF。

来源

2017-01-31 19:19:31 joelgeraci

你能举例说明如何做到这一点吗？ –

我建议你在iframe中做。很容易做到，我想会给你你想要的结果。 –

我用样本编辑了我的答案。 – joelgeraci

不幸的是，这种行为完全取决于用户安装的PDF阅读器软件，因此您无法通过简单的链接控制它。

也就是说，安装在用户PC上的PDF阅读器软件会覆盖浏览器的“下载”行为，并执行它喜欢的PDF操作 - 无论是在单独的窗口还是客户端应用程序中启动它。

要在同一窗口中呈现它，您需要指示您控制的PDF查看器。

如果谷歌有几个，和一个我喜欢的是开源pdf.js

或者，你可以找到一个在线的第三方浏览器，你可以通过URL调用，它传递作为URL的一部分链接到您的PDF。

来源

2017-01-31 17:48:49 Kit

如何从javascript打开PDF文件，但不是在新窗口中打开？

回答

相关问题