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

  • 4
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值