利用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文档在线预览（插件下载）的资料请关注九品源码其它相关文章！