jq 提供的jquery.media.js可以支持在写预览PDF格式文件
jquery.media.js下载链接
https://download.csdn.net/download/m0_49016709/12728612
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PDF预览</title>
<style>
</style>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.media.js"></script>
</head>
<body>
<div>
<p>a标签里连接PDF格式的地址</p>
<a class="media" href="img/pdf.pdf"></a>
</div>
<script>
$(function() {
$('a.media').media({width:800, height:600});
});
</script>
</body>
</html>