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获取到的返回值 (也就是后台返回的视频链接地址)

猜你喜欢

转载自blog.csdn.net/liuying93/article/details/83410405