使用jquery.media.js實現pdf在線預覽

1.下載資源

jquery插件庫
鏈接

2.使用

引用所需兩個文件

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> 
<script type="text/javascript" src="js/jquery.media.js"></script>

html
直接引用pdf路徑

<div class="panel-body">
    <a class="media" href="pdf1.pdf"></a>  
</div>

js

$(function() {  
    $('a.media').media({width:800, height:600});  
});

效果展示