PDF文件预览 jquery.media.js动态切换

读白—-（jquery.media.js）

使用过挺多文件预览的jq插件，最后还是发现jquery.media.js实现效果更加简便实用。这里不做过多介绍，只给出小demo引导，使用iframe切换文档。

代码

jquery.media.js下载

html代码：

<div class="pdf" >  
<iframe  id ="pdf_page"  name ="pdf_page" style="width:1500px;height:640px"  >  
</iframe>  
</div>  

js代码：

<script type="text/javascript" src="static/js/web/jquery-1.8.3.js"></script>
<script type="text/javascript" src="static/js/jq/jquery.media.js"></script>
<script type="text/javascript">  
$(document).ready(function(){  
    var url="static/images/upload/20180103/201801031700182ff553eb.pdf";//这里就可以做url动态切换--主要是使用iframe
    $("#pdf_page").attr("src",url);  
    $(".pdf").media();  
});