pdf.js禁止下载功能

大家在使用pdf的时候如果用普通的方法使用是没有办法禁止下载，打印之类的功能的，所以就用到了pdf而且这个插件功能相当强大，还可以直接复制粘贴pdf内的内容，有兴趣的朋友看下PDF.js实际运行起来的页面UI效果：http://mozilla.github.io/pdf.js/web/viewer.html

解决办法：

1：大家打开控制台找到下载的代码然后在你下载的pdf/web/viewer.html 中找到这个button 然后想隐藏的代码上加上 style="visibility: hidden;"这个就可以啦

这里如果想把下载的图标也去掉的话可以把我标注出来的class中的两个类名删掉就可以了

但是这个只能隐藏当前的button不能真正的禁止如果碰到同行的只要去掉这个属性还是可以下载的所以就找到了js 这里只需要注释掉两行代码就可以了找到pdf/web/viewer.js

注释掉这两行代码就可以禁止掉下载功能了，下边会简单说下使用方法，大佬请绕行

https://mozilla.github.io/pdf.js/getting_started/#download 下载地址直接下载稳定版就可以了

我是在vue中使用的之后放进项目的static中

这里在vue页面中使用src的链接是要链接到pdf/web/viewer.html中的

然后这里的data就是通过axios获取到的返回值（也就是后台返回的视频链接地址）

pdf.js禁止下载功能相关推荐

PDF.js 分片下载的介绍2:分片下载demo
上一个章节,简要说了以下分片下载的几个特性.今天主要用示例说明一下pdf.js分片下载. 服务器环境: php7.2 nginx 1.14 ubuntu 18.04 测试浏览器:谷歌浏览器 70.0. ...
js禁用浏览器 pdf 打印、下载功能（pdf.js 禁用打印下载、功能）
前端实现 pdf 预览方法 (1)用iframe标签src="文件地址"就可以直接打开,还可以设置width,height等属性.具体参考iframe属性. <iframe ...
浏览器打开pdf，禁止下载打印
之前在网站上打开pdf文件,都是用浏览器查看pdf时自带的功能,可以下载打印,最近要求打开pdf后仅供用户预览,禁止下载打印.网上查了一下,发现有很多前辈都遇到过,解决方法是用pdf.js. 1.下载 ...
Devexpress PdfViewer预览pdf，禁止下载，打印，复制
PDFviewer控件: 参数设置: 1.屏蔽书签栏和右键菜单 2.加载文档支持路径以及流stream加载的方式 1 pdfViewer.MenuManager.DisposeManager(); 2 ...
audio标签禁止下载功能
一个页面用于音乐试听,发现audio标签可以右键下载或者点击三个小点下载将audio设置为如下即可: <audio :style='{"width":"300px ...
web项目引入PDF.js并添加水印禁止下载
目录 web项目引入PDF.js并添加水印禁止下载下载并引入PDF.js实现预览动态预览PDF文件隐藏打开.下载.打印等功能禁止键盘组合按键下载或另存为禁用鼠标操作添加全局水印 PDF文件 ...
vue-cli使用pdf.js插件浏览pdf文件，禁止下载打印复制粘贴。
很多项目中都会有预览pdf文件,普通的可以直接使用a标签来实现该功能,但是此预览是浏览器自带的,有时候项目需求中会有禁止用户禁止下载和打印功能,浏览器自带的是无法满足的. 小编在网上找到pdf.js插 ...
使用pdf.js将PDF嵌入HTML网页中,并禁止下载打印
有的项目需要显示PDF类的文档, 大多需要在项目中禁止将PDF打印, 下载我最初采用embed标签显示 PDF, iframe,object标签都可以显示但是这类标签的打印和下载按钮不可以禁止, ...
JavaScript前端：与PDF.js结合，实现网页PDF内容批量下载
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 JavaScript前端:与PDF.js结合,实现网页PDF内容批量下载前言一.PDF.js是什么? 二.PDF.js单个PDF文 ...

pdf.js禁止下载功能

pdf.js禁止下载功能相关推荐

最新文章

热门文章