jquery.media+bootstrap实现预览PDF文件

战族狼魂

已于 2024-08-22 11:52:05 修改

阅读量142

点赞数 2

文章标签： jquery bootstrap pdf

于 2024-08-22 11:50:42 首次发布

本文链接：https://blog.csdn.net/nndsb/article/details/141424104

版权

先上效果图：

<!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});  
        $('a.mediase').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>