jquery在線預覽PDF文件,打開PDF文件(向下兼容ie8、ie7)


最主要的是使用到了一個jquery的插件jquery.media.js,使用這個插件就很容易實現了。

 

核心代碼

Html代碼   收藏代碼
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">  
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
  4. <title>Online View PDF</title>  
  5. <script type="text/javascript" src="http://sources.ikeepstudying.com/js/jquery-1.8.3.min.js"></script>  
  6. <script type="text/javascript" src="jquery.media.js"></script>  
  7. <script type="text/javascript">  
  8.     $(function() {  
  9.         $('a.media').media({width:800, height:600});  
  10.     });  
  11. </script>  
  12. </head>  
  13.    
  14. <body>  
  15. <class="media" href="guice.pdf">PDF File</a>  
  16. </body>  
  17. </html>  

 

查看預覽:http://sources.ikeepstudying.com/jquery.media/pdf.php

 

使用jquery.media.js就可以直接把一個連接到pdf文件的鏈接打開,滿足了需求。

 

項目地址:http://jquery.malsup.com/media/

 

文章轉自:http://justcoding.iteye.com/blog/2163072


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM