如何防止在 iframe src 上自动下载 doc/docx/pdf 文件

Question

我想构建文档的模糊预览。 文档上传到同一个域。 该文档可以是doc/docx/pdf 。 我用iframe 、 embed 、 object尝试了很多变通方法。

<iframe src="URL" title="Embedded Document" style="width:100%; height:500px; border: none;"></iframe>

<iframe src="URL#toolbar=0" title="Embedded Document" style="width:100%; height:500px; border: none;"></iframe>

<embed src="URL">

<object data="URL"></object>

但没有什么能达到我的要求。

任务：我想在无法下载的网页上显示文档的预览。 上述解决方法，当我刷新网页时自动下载 doc/docx 文件。 我想要像这里这样的文档的模糊预览： https : //essaybatch.com/how-would-you-convene-and-run-your-meetings-if-you-are-based-in-the-united-states /并且不应自动下载该文件。

客户强烈要求此要求，因此我无法避免该功能。 您可以使用 HTML、CSS、JS、PHP。

Answer 1

这是我将如何实现它：

1. 使用 PHP 库截取文档的屏幕截图并将其保存为图像。 在 iframe 源中，您应该包含该图像并使用 CSS 对其进行模糊处理。 不要包含指向实际.doc文件的链接，因为它存在安全风险。

2. 将 JS 侦听器添加到包含秘密值的 cookie 的页面。 当 cookie 设置为该值时，页面会重新加载并将 iframe 源更改为要下载的文件位置。

3. 支付完成后，通过PHP返回一个带有设置cookie的秘密值（令牌）的回调。