最主要的是使用到了一个jquery的插件jquery.media.js，使用这个插件就很容易实现了。

 

核心代码


Html代码   jquery在线预览PDF文件，打开PDF文件_jquery


  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>

  14. <body>
  15. <a 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/​​