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

Question

我需要从我的JS代码中打开PDF文件，但<a href="#" onclick="window.open('http://linktoPDF', 'NewWin');">link</a>的方式不太好。

我想在当前页面的pdf viewer中打开这个PDF。

Answer 1

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

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

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

如果你谷歌有一些，我更喜欢的是开源pdf.js

或者，您可以找到可以通过URL调用的在线第三方查看器，并将链接作为URL的一部分传递给您的PDF。

Answer 2

不要直接链接到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。

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

问题描述

2 个解决方案

解决方案1
2 2017-01-31 17:48:49

解决方案2
1 已采纳 2017-01-31 19:19:31

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

问题描述

2 个解决方案

解决方案1 2 2017-01-31 17:48:49

解决方案2 1 已采纳 2017-01-31 19:19:31

解决方案1
2 2017-01-31 17:48:49

解决方案2
1 已采纳 2017-01-31 19:19:31