使用pdf.js將PDF嵌入HTML網頁中,並禁止下載打印

今天接到一個需求，在頁面中瀏覽PDF並且禁止下載和打印，找了很多方法 用 embed 打開的話無法禁用按鈕，最后選擇使用pdf.js來實現，下面上代碼

pdf.js官網下載地址 ---》Prebuilt ---》Stable

也可以直接 下載pdf.js

下載解壓后放到pdfjs目錄

http://localhost/pdfjs/web/viewer.html?file=pdf文件地址
到這里已經可以成功訪問了, 但是當前方法是將pdf新頁面展示,
也可以將上面的地址, 放到頁面中的
embed或iframe標簽中, 就成功將PDF嵌入網頁中了,

<div style="border:1px solid red;height:700px;width:1000px;margin-top:50px;">
    <embed src="http://localhost/pdfjs/web/viewer.html?file=pdf文件地址" width="100%" height="100%"></embed>
</div>

 

pdf.js的下載和打印按鈕都可以在web下的viewer.html隱藏, 將print和download 隱藏就可以

 

還有很重要的一點, 禁止右鍵下載,打印, 添加如下js代碼 ,
注意要添加在插件中的 viewer.html中才有效, 添加在當前embed頁面是沒用的

 

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