PDF在线预览

1.所需插件jquery.media.js或者pdfobject.js

代码:

<html>
<head>
<style type="text/css">
body{
padding:0px;
margin:0px;
}
.div{
width:100%;
height:100%;
}
.divStyle{
width:100%;
height:100%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
img{
width:950px;
height:600px;
} </style>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
<script type="text/javascript" src="pdfobject.js"></script>
<script type="text/javascript" >
window.onload = function () {
var w = $(document).width();
var h = $(document).height();
$('a.media').media({ width: w, height: h });
//$("#pdf").css("width", w).css("height", h);
//var success = new PDFObject({ url: 'PDF\\1.pdf', pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0' } }).embed("pdf");
}
</script>
</head>
<body>
<div id="pdf"></div>
<div class='div' style='display:table;'>
<div id='imageView_container' class='divStyle'>
<!--<a id="pdfView" class="media" href="../../upload/file/eb5bd59d-adee-4ac0-8ae7-706a9d8df0fc.pdf"></a>-->
<a id="pdfView" class="media" href=""></a>
</div>
</div>
<script type="text/javascript">
$('#pdfView')[0].href = "../../" + parent.window.wjlj_a;
</script>
</body>
</html>

注意url的写法,两种插件写法不同。

上一篇:zookeeper系列之通信模型(转)


下一篇:javaShop的一些总结