PDF在线预览

最新推荐文章于 2024-01-26 10:10:15 发布

weixin_33726943

最新推荐文章于 2024-01-26 10:10:15 发布

阅读量80

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bobo-show/p/4723239.html

版权

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的写法，两种插件写法不同。

转载于:https://www.cnblogs.com/bobo-show/p/4723239.html

weixin_33726943

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PDF在线预览

1.所需插件jquery.media.js或者pdfobject.js代码：<html><head><style type="text/css">body{ padding:0px; margin:0px;}.div{ width:100%; height:100%;}.divStyle{ w...
复制链接

扫一扫

PDF在线预览

“相关推荐”对你有帮助么？