关于html页面展现pdf文件，并隐藏打印、下载等按钮的总结

关于html页面展现pdf文件，并隐藏打印、下载等按钮的总结

由于项目需求，要在页面预览pdf文件而不能提供下爱打印功能，故在网上查询了一些前辈的经验，自己也尝试了一番，现在讲经验总结一下。

• pdfobject.js
• jquery.media.js
• pdf.js

一、 pdfobject.js

1.下载：https://pdfobject.com/
2.导入相关js

3.实例

4.备注：有一点需要说明，在网上看到很多使用new PDFObject()方法创建的，但是尝试之后都是失败，并且网上提示使用设置“ pdfOpenParams: { scrollbars: ‘0’, toolbar: ‘0’, statusbar: ‘0’} ”来禁用下载打印功能也无效，不知是不是我使用有误

二、 jquery.media.js

下载js后直接导入

  
  

  
  
  
  
  
 



 

   

      
预览pdf文件
   
   

	    
   

备注：给js也无法做到屏蔽下载、打印按钮。

三、 pdf.js

pdf.js下载：https://mozilla.github.io/pdf.js/
关于pdf.js的来源就不做详解了，直接上代码

`导入之后，直接在js中调用

   function show(){
    var curWwwPath=window.document.location.href; 
    var pathName=window.document.location.pathname; 
    var pos=curWwwPath.indexOf(pathName); 
    var localhostPath=curWwwPath.substring(0,pos); 
    window.open(localhostPath+"/pdfjs/web/viewer.html?file=/files/fe34e38c-fb0f-450e-9bc8-3afc35101a80.pdf"); 
}`

备注：该方法可以屏蔽打印及下载的操作按钮，但是只能做到页面隐藏