将PDF嵌入网页并阻止下载

71G*_*1GA 6 pdf html5

有没有办法将PDF文档嵌入网页并同时禁用下载?如果可能的话,我希望使用html5 / css3解决方案。如果没有其他办法,我会再做其他事情。

Fir*_*nks 8

是的。就在这里:

<div id="pdf">
    <object width="100%" height="650" type="application/pdf" data="[ImageURLHere]#zoom=85&scrollbar=0&toolbar=0&navpanes=0" id="pdf_content" style="pointer-events: none;">
        <p>Insert your error message here, if the PDF cannot be displayed.</p>
    </object>
</div>
Run Code Online (Sandbox Code Playgroud)

pointer-events: none造型也将阻止用户右键点击PDF和下载。

  • 这是行不通的。另外,添加指针事件:none; 样式也会禁用 pdf 的滚动。 (4认同)
  • 我在我的 Angular 4 应用程序上尝试过它,它只显示基本的 index.html 页面。我尝试深入控制台选项卡,但在任何地方都找不到资产。 (2认同)

Dar*_*olo 8

只需添加#toolbar=0到pdf的网址


小智 6

实际上,实际上,您可以在Google云端硬盘中调整“阻止查看者下载”,然后将PDF文件设置为公开,这样每个人都可以在Viewer中查看PDF,但是没有人可以下载。我希望这会对某些人有所帮助。


小智 -1

2017 注意:自最初回答以来,此功能已移动位置并且实现也已更改。


Google Viewer 提供了一个解决方案

使用它为您生成的 iframe。

  • @Luke Google 在 2015 年删除了该页面。查看器应用程序仍然可以使用“https://docs.google.com/viewer?embedded=true&amp;url=&lt;url_to_document&gt;”使用,但现在有一个弹出按钮可以启动全功能查看器,包括下载和打印,因此不再是一个真正的解决方案。 (3认同)
  • 使用 iframe 确实无法保存文档,但在框架的右上角有一个全屏模式按钮,在全屏模式下可以打印为 PDF。 (2认同)
  • 此答案中提供的链接不起作用。如果此问题得到解决,将删除反对票。 (2认同)