经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
使用pdf.js将PDF嵌入HTML网页中,并禁止下载打印
来源:cnblogs  作者:康Sir7  时间:2021/12/31 8:58:10  对本文有异议

今天接到一个需求,在页面中浏览PDF并且禁止下载和打印,找了很多方法 用 embed 打开的话无法禁用按钮,最后选择使用pdf.js来实现,下面上代码

pdf.js官网下载地址 ---》Prebuilt ---》Stable

也可以直接 下载pdf.js

下载解压后放到pdfjs目录

http://localhost/pdfjs/web/viewer.html?file=pdf文件地址
到这里已经可以成功访问了, 但是当前方法是将pdf新页面展示,
也可以将上面的地址, 放到页面中的
embed或iframe标签中, 就成功将PDF嵌入网页中了,

  1. <div style="border:1px solid red;height:700px;width:1000px;margin-top:50px;">
  2. <embed src="http://localhost/pdfjs/web/viewer.html?file=pdf文件地址" width="100%" height="100%"></embed>
  3. </div>

 

pdf.js的下载和打印按钮都可以在web下的viewer.html隐藏, 将print和download 隐藏就可以

 

还有很重要的一点, 禁止右键下载,打印, 添加如下js代码 ,
注意要添加在插件中的 viewer.html中才有效, 添加在当前embed页面是没用的

 

  1. <script type="text/javascript">function stop(){return false;}document.oncontextmenu = stop;</script>

 

 

本文来自博客园,作者:康Sir7,转载请注明原文链接:https://www.cnblogs.com/kangsir7/p/15724484.html

原文链接:http://www.cnblogs.com/kangsir7/p/15724484.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号