使用pdf.js将PDF嵌入HTML网页中,并禁止下载打印

本文探讨了在网页中嵌入PDF文档时遇到的问题,如无法禁止默认的打印和下载功能。介绍了使用embed、iframe及object标签显示PDF的局限性,并推荐了PDF.js插件作为解决方案,详细讲解了如何配置该插件以实现对PDF文档的访问控制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有的项目需要显示PDF类的文档, 大多需要在项目中禁止将PDF打印, 下载

我最初采用embed标签显示 PDF, iframe,object标签都可以显示
但是这类标签的打印和下载按钮 不可以禁止, 只能障眼法掩盖,

在这里插入图片描述这种方法虽然可行, 但是顶部栏全部不显示了, 包括PDF的页码
这样使用后, 还有一个头疼的地方, 右键网页中的PDF文档, 依然可以保存, 打印

之后找到PDF.js 插件, 可以禁止下载, 官网下载地址http://mozilla.github.io/pdf.js/
进入后
在这里插入图片描述
点击download
进入下一页面
在这里插入图片描述
选择下载稳定版本, 下载解压后放到pdfjs目录
在这里插入图片描述
pdf.js 使用方便, 只需访问
http://localhost/pdfjs/web/viewer.html?file=pdf文件地址
到这里已经可以成功访问了, 但是当前方法是将pdf新页面展示,
也可以将上面的地址, 放到页面中的
embed或iframe标签中, 就成功将PDF嵌入网页中了,
在这里插入图片描述
pdf.js的下载和打印按钮都可以在web下的viewer.html隐藏, 将print和download 隐藏就可以
在viewer.html中将print和download 隐藏就可以,
还有很重要的一点, 禁止右键下载,打印, 添加如下js代码 ,
注意要添加在插件中的 viewer.html中才有效, 添加在当前embed页面是没用的

<script type="text/javascript">function stop(){return false;}document.oncontextmenu = stop;</script>
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值