• 浏览器实现PDF预览

    1、使用jquery.media.js预览PDF

    

      

    1. <!DOCTYPE html>
      2. 

    2. <html>
      3. 

    3. <head>
      4. 

    4. <meta charset="utf-8" />
      5. 

    5. <title>01使用jquery.media插件进行PDF预览</title>
      6. 

    6. <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
      7. 

    7. <script type="text/javascript" src="js/jquery.media.js"></script>
      8. 

    8. </head>
      9. 

    9. <script>
      10. 

    10.  $(document).ready(function() {
      11. 

    11.  $('div.media').media({
      12. 

    12.  width: 1200,
      13. 

    13.  height: 600,
      14. 

    14.  src: "生活规律.pdf"
      15. 

    15. });
      16. 

    16. });
      17. 

    17. </script>
      18. 

    18. <body>
      19. 

    19. <div class="media"></div>
      20. 

    20. </body>
      21. 

    21. </html>
      22. 

    

    2、使用PDF.JS在线查看PDF
    

    

      

    1. <!DOCTYPE html>
      2. 

    2. <html>
      3. 

    3. <head>
      4. 

    4. <meta charset="UTF-8">
      5. 

    5. <title>02使用pdf.js插件进行PDF预览</title>
      6. 

    6. </head>
      7. 

    7. <body>
      8. 

    8.   <a href="#" onclick="window.open('js/html5-online-pdf-viewer/web/viewer.html?file=/浏览器实现PDF预览/生活规律.pdf');">
      9. 

    9.    查看生活规律.pdf
      10. 

    10.   </a>
      11. 

    11. </body>
      12. 

    12. </html>
      13. 

    

    3、利用PDF.JS插件解决了本地pdf文件在线浏览问题（根据需要隐藏下载功能，只保留打印功能）
    

    隐藏下载功能：
    

    在viewer.html更改即可
    

    更改之前
    

    

     
    

    更改之后
    

    

     
    

    即增加   style="visibility:hidden"    就可隐藏下载功能。
    

    隐藏打印等其他功能同上。
    

    附件源码
    

    下载地址：https://gitee.com/KingXin666/PDFPreviewOnBrowsers
    
              
    


    
    
          
    • 

          
  • 

            相关阅读:
    
            
              03-HTML之body标签
                
    02-HTML之head标签
                
    01-HTML介绍
                
    第十五章 并发编程
                
    第十四章 网络编程
                
    第十三章 模块和包
                
    第十二章 异常和错误
                
    第十一章 面向对象进阶
                
    第九章 常用模块（续）
                
    003 配置负载均衡
                
                    
          
    • 
          
  • 
            原文地址：https://www.cnblogs.com/yangcx666/p/8723880.html
          
    • 

        

      



      
      

        

        

      

    

  


  

  
Copyright © 2020-2023 
  润新知