1. 程式人生 > >pdf.js禁止下載功能

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獲取到的返回值 (也就是後臺返回的視訊連結地址)