jquery.media.js 插件实现在线预览PDF文件

 代码：

<!DOCTYPE html>  
<html>  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
<title>在线预览PDF文档</title>  
<link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.min.css">  
<script type="text/javascript" src="js/jquery.min.js"></script>  
<script type="text/javascript" src="js/jquery.media.js"></script>  
<script type="text/javascript">  
    $(function() {  
        $('a.media').media({width:800, height:600});  
    });  
</script> 

</head>
<body>
<center>
 <div class="panel panel-primary">
   <div class="panel-heading" align="center">
      <h2>预览pdf文件</h2>
   </div>
   <div class="panel-body">
	  <a class="media" href="yulan.pdf"></a>  
   </div>
</center>
</body>
</html>


截图：



源码：

PDF预览源码

版权声明：本文为linhaiyun_ytdx原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。