如何自动停止在 iframe 中下载 PDF 而是查看文件?

Posted

技术标签:

【中文标题】如何自动停止在 iframe 中下载 PDF 而是查看文件?【英文标题】:How to stop downloading PDF in an iframe automatically and instead view the file? 【发布时间】:2018-07-20 20:57:06 【问题描述】:

我的网站上有一个加载 PDF 文件的 iframe:

<iframe src="file.pdf" frameborder="0"  ></iframe>

但它是自动下载的,我想查看文件而不是下载它。

那么我该如何解决这个问题呢?

【问题讨论】:

我最终使用了react-read-pdf。这是针对我的案例(React)的。它并不完美,但到目前为止给了我一个解决方案,以便能够显示文件内容 【参考方案1】:

您需要告诉您的服务器将该文件作为应用程序/pdf(“PDF”)发送

...

额外花絮: - 为什么网站上有 PDF?您显示 PDF 的网页已显示 PDF 文件显示的内容 - 你为什么要在 iframe/etc 中加载 PDF。如果您只想下载它?为什么不直接链接到它

【讨论】:

额外奖励:1. 需要因人而异。它' @Daniel 哦,是吗?那是什么需求?需要使用PDF“因为”?还是有实际需要? 我发现我的评论没有完全保存:/。我会努力记住我的话。想象一下,您有一个文档列表,点击它们可以预览其内容。所以,是的,需求对您的情况非常主观,他是有效的。此外,他说他实际上不想下载它(当您动态更改值时会发生这种情况)【参考方案2】:

尝试使用嵌入 <embed src="file_url" >

【讨论】:

以上是关于如何自动停止在 iframe 中下载 PDF 而是查看文件?的主要内容,如果未能解决你的问题,请参考以下文章

如何下载在 AngularJS 中开发的呈现 iframe 的网页作为 PDF 文件?

如何在调用 servlet 后使用 ajax 在 iframe 中显示 PDF

在 iframe 中显示和下载 pdf

如何打开放置在iframe html中直接访问阻止目录中的pdf文件

如何在 iframe 中设置 base64 pdf 的文件名?

在默认 PDF 查看器的 iframe 中禁用/隐藏下载按钮