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

有的项目需要显示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 隐藏就可以

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

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

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

vue里使用pdf.js实现pdf文件的预览功能
引言:经过上一篇文章的测试,发现了以下问题: 兼容性不好不适用多语言场景(不能共用一套) 会出现跨域问题难于监控阅读状态不能控制下载状态在基于vue开发的移动项目中,如果预览的pdf数量不是很 ...
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...
html 提取pdf,使用PDF.js从PDF中提取文本(2019)
正如标题所说,我正在尝试使用由Mozilla维护的PDF.js从PDF中提取文本.我知道前面关于stackoverflow的问题,但我不知道从哪里开始. 我试着跟着这个 article 这件事我需要帮 ...
Vue3 + PDF.js 实现 PDF 预览
文章目录 1 前言 2 PDF 预览测试 2.1 下载 PDF.js 2.2 window.open 直接打开 2.3 弹框形式打开 3 修改配置项 3.1 修改主题色为暗色系 3.2 修改默认语言为 ...
【iframe结合pdf.js实现pdf的预览/下载及打印功能】
iframe结合pdf.js实现pdf的预览/下载及打印 1.[下载pdf.js](http://mozilla.github.io/pdf.js/getting_started/#download) ...
如何在项目中使用pdf.js查看PDF文件
最近在做后台管理类的系统,需要在web页面阅读pdf文件.发现一个很好用的插件 pdf.js,简单的介绍一下官方文档地址:http://mozilla.github.io/pdf.js/ 在线演示地 ...
浏览器打开pdf，禁止下载打印
之前在网站上打开pdf文件,都是用浏览器查看pdf时自带的功能,可以下载打印,最近要求打开pdf后仅供用户预览,禁止下载打印.网上查了一下,发现有很多前辈都遇到过,解决方法是用pdf.js. 1.下载 ...
使用Data URL将图片嵌入到网页中
早些时候,使用IE6浏览器,网页可以另存为mht,如果网页包含图片,那么图片也会存储到mht中. mht是微软提供的一种聚合HTML文档,它的本质其实是一个文本文件,那么我们也许会好奇,它的图片存储到 ...
JAVA获取网页中的电影下载地址小程序
现在电影资源越来越少了,今天想看看吸血鬼日记,结果网上搜出的网址不支持迅雷批量下载,我一个一个点,很累.于是就看看网页源代码发现影片都以FTP开头,rmvb结尾.于是就写了个小程序能够获取网页中所有的 ...

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

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

最新文章

热门文章