利用JQ实现PDF文档的在线预览，不再依靠浏览器新窗口中预览了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xml:lang="en" xmlns="
<HEAD><META content="IE=7.0000" http-equiv="X-UA-Compatible">
<TITLE>JQuery Media Plugin - Misc Demo</TITLE>
<META content="text/html; charset=UTF-8" http-equiv=content-type>
<STYLE type=text/css>#main {
TEXT-ALIGN: center; MARGIN: 20px; BACKGROUND: #fff
}
A.media {
DISPLAY: block
}
DIV.media {
MARGIN: auto; FONT-SIZE: small
}
DIV.media DIV {
FONT-STYLE: italic; COLOR: #888
}
#lr {
BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; MARGIN: auto; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid
}
DIV.example {
BORDER-BOTTOM: #ccc 1px dashed; TEXT-ALIGN: left; BORDER-LEFT: #ccc 1px dashed; PADDING-BOTTOM: 20px; MARGIN: 15px 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: #ffe; CLEAR: left; BORDER-TOP: #ccc 1px dashed; BORDER-RIGHT: #ccc 1px dashed; PADDING-TOP: 20px
}
</STYLE>
<SCRIPT type=text/javascript src="jq_js/jquery.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="jq_js/chili-1.7.pack.js"></SCRIPT>
<SCRIPT type=text/javascript src="jq_js/jquery.media.js"></SCRIPT>
<SCRIPT type=text/javascript src="jq_js/jquery.metadata.js"></SCRIPT>
<SCRIPT type=text/javascript>
$(function() {
$('a.media').media({width:500, height:600});
});
</SCRIPT>
<A href="19jp.com.pdf"></A>
链接：https://pan.baidu.com/s/1Z-QnmAkCgNB_KgdCJ_Uj6g
提取码：ej79
以上就是利用jquery实现pdf文档在线预览（插件下载）的详细内容，更多关于利用jquery实现pdf文档在线预览（插件下载）的资料请关注九品源码其它相关文章！