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>
View Code

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

posted @ 2015-08-12 09:27  garsonguo  阅读(324)  评论(0)  编辑  收藏  举报