iframe 中的 PDF 自动触发下载答案

【问题标题】：PDF in the iframe triggering download automaticallyiframe 中的 PDF 自动触发下载
【发布时间】：2017-11-23 12:27:32
【问题描述】：

我网站的一个页面中有以下 iframe。

<iframe src="http://www.pdf995.com/samples/pdf.pdf" id="iframe1">

但是当我在 android 手机 chrome 浏览器中打开同一页面时，它会自动触发 iframe 中提到的文件的下载。如何防止在移动设备中自动触发下载？

【问题讨论】：

【解决方案1】：

您可以使用这种格式：

https://docs.google.com/viewerng/viewer?url=http://yourfile.pdf

只需将http://yourfile.pdf 替换为您使用的链接即可。

【讨论】：

你的意思是需要用这个替换src？
是的，只要写在这里：docs.google.com/viewerng/viewer?url=http://www.pdf995.com/…" id="iframe1">
这仅在您的 PDF 托管在 Google 服务器可公开访问的某个地方时才有效，因为 Google 的服务器只是在您的 url 下载内容并重新显示它
@JoeIrby 绝对是的！

【解决方案2】：

理想情况下，重要的是要考虑在离线模式下使用转换/查看器的可用性！

为什么和因为...

如果您将 iframe 用于服务器上的存储文档并且您将创建一个 web 应用程序，则您必须通过 HTTPS/SSL 播放。（离线是通过https）。

不确定 PDF 查看器是否提供安全 url (1)，您可能会遇到 CORS 和其他具有 «Same origine» 嵌入 iframe src (2) 的问题，最后，它的服务必须在线提供和离线！因此建议在应用程序缓存中嵌入在画布中转换 PDF 所需的所有资源。

我认为强烈建议使用多合一解决方案。 使用 PDF.js 及其带有运行时脚本的 worker 是一个好方法...

【讨论】：