单击链接时如何在浏览器中查看 pdf 文件

Posted 2023-02-25

【中文标题】单击链接时如何在浏览器中查看 pdf 文件

【英文标题】：How to view a pdf file in the browser,when clicking on a link

【发布时间】：2015-02-04 10:45:28

【问题描述】：

我使用 html 5 开发了一个应用程序。为了使该应用程序与移动设备兼容，我使用了 cordova/phonegap。

现在的问题是，应用程序中的 PDf 文件只有在单击链接时才会被下载。单击链接时，我需要在浏览器中打开它。它适用于 PC。但不适用于移动设备。

我将链接存储到一个变量并将该变量传递给谷歌。现在使用谷歌的某种服务，链接正在浏览器中打开。

我也尝试安装 inAppbrowser 插件。

window.open(Furl, '_system', 'location=yes'); 这是使用的代码行，其中 Furl 是变量的名称，其中传递了 pdf 文件的 url 地址。

当将网页的 url 地址传递给变量时，这行代码可以正常工作。但不是 pdf 文件。

除了这个想法，这个问题还有其他解决方案吗？

有人可以帮我解决这个问题吗？

-谢谢

【问题讨论】：

它在 PC 上运行良好，因为现代 PC 浏览器知道如何呈现 pdf 文件。如果浏览器不知道这一点……您将不得不使用 pdf.js 创建此功能。但是对于 android 浏览器...我不确定您是否应该...因为它会导致某些预算手机冻结。

谢谢 Sarvesh，但它不起作用

【参考方案1】：

正如评论中所述，在现代浏览器上是可能的，因为它们具有内置的 PDF 查看器。目前 Android 或 ios 并非如此。您可以做的是将 PDF 转换为 PNG 图像，然后显示。有一个PDF2PNG plugin 可用于此目的。另外，如果你只需要支持iOS 6 & 7，你可以看看PDF Viewer plugin。

【讨论】：

谢谢你。这是个好主意。

@sanfor iOS可以打开PDF、doc、xls等一些文件格式，其实你链接的插件使用的是webview

@sanfor ，我的 pdf 链接是 30 -50 页长。因此将其转换为 png 会使字体非常小，进而影响可读性。如果它是 1 页 PDF 文件，那么您的建议是完美的。还是谢谢你。