前端 PDFObject.embed预览PDF,另类方式隐藏工具条样例
<body>
<div id="divid"></div>
</body>
<script >
var filePath='/projectName/files/文件名稱.PDF';//pdf預覽路徑
$(function(){
?? ?PDFObject.embed(filePath, "#divid");
?? ?if(document.getElementById('divid').innerHTML.indexOf('軟件以便支持在線預覽打印')==-1) {//
?? ? ?? ?displaymargin();//自動預覽
??? ?}
})
//將iframe閱覽界面高度+62px,在將iframe上移62px,進而隱藏工具條。
function displaymargin(){
????????var iframeid='iframeid';//預覽界面所在iframe id
??????? var iframeobj = parent.document.getElementById(iframeid);
??????? var IHeight=iframeobj.offsetHeight;
??????? //設置預覽界面上移,隱藏工具條
????????iframe.setAttribute('style',' margin-top:-62px;height:'+(IHeight+62)+'px;');
}
</script>
預覽效果如下(測試適應firefox,360,IE):
總結
以上是生活随笔為你收集整理的前端 PDFObject.embed预览PDF,另类方式隐藏工具条样例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 达梦数据库卡慢简单分析
- 下一篇: html中给div设置的属性怎么样才能拿