html 无需下载即可查看PDF

wmtdaxz3  于 2022-12-31  发布在  其他
关注(0)|答案(2)|浏览(287)

我正在建立一个简单的网站(托管在我的家庭网络内部),可以在任何设备上查看一堆PDF文件。
示例页面:

<!DOCTYPE html>
<html>
<title>PDF Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>

<a href="test.pdf">Click here to open PDF</a>

</body>
</html>

桌面浏览器(Firefox和Chrome)上,链接可直接在浏览器的同一选项卡中打开PDF,* 无需 * 下载文件(提供Content-Type: application/pdf)。
移动的浏览器(Android Firefox & Chrome)上,该链接会下载PDF文件并使设备变得混乱。在iOS Safari上,PDF会在浏览器中内联打开。
我希望在任何设备上都能获得 * 无需下载 * 即可查看PDF的一致体验。似乎唯一的选择是在网站上嵌入pdf.js-类似于this page,它可以从所有桌面和移动的浏览器在浏览器内部打开PDF文件。
我的思路对吗?这是唯一的选择吗?
ps:当我说 * 不下载 * 时,我的意思是它不应该自动下载到设备的下载文件夹中,使磁盘存储变得杂乱。

kxeu7u2r

kxeu7u2r1#

为了解释远程PDF查看在这里是一个更明显的,即使非正统的看法,我已经选择了一个本地文件在本地浏览器,所以人们可以期望它会打开“内联”,而无需下载,这将是它看起来在边缘,即时文件加载。

然而,我的浏览器不是默认的本地查看器,所以该文件是作为下载保存提供的,我可以通过将浏览器设置为默认值来覆盖它,对于本地文件,它将不需要下载工作副本。
同样,如果我选择了一个局域网文件,本地默认设置将在没有请求的情况下加载一个副本,无论它是如何下载的。浏览器和查看器都在欺骗我。为了了解我是如何知道的,请看下面的第二张图片,我要求将注解保存到现有的PDF中,其中通常我有权覆盖远程驱动器上的局域网文件。
第一节第一节第一节第二节第一节

zvms9eto

zvms9eto2#

您可以将您的pdf文件上传到Google驱动器上,并嵌入以下内容:

<iframe src="https://drive.google.com/file/d/{ID}/preview" width="640" height="480"></iframe>

{ID}是驱动器文档的ID(您可以获得共享链接,该ID位于URL中)。

相关问题