前端 PDFObject.embed预览PDF，另类方式隐藏工具条样例

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，另类方式隐藏工具条样例相关推荐

在线浏览pdf doc html,前端实现在线预览pdf、word、xls、ppt等文件
1.前端实现pdf文件在线预览功能方式一: 通过a标签href属性实现 pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面.在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签hr ...
IOS 预览pdf,word文档的集中方式
在iPhone中可以很方便的预览文档文件,如:pdf.word等等,这篇文章将以PDF为例.介绍三种预览PDF的方式,又分别从本地pdf文档和网络上的pdf文档进行对比. 预览本地PDF文档: 1.使 ...
pdf在线预览 pdf.js的使用
1.官网:https://mozilla.github.io/pdf.js/ 2.使用方法 1) 通过官网,下载pdfJs插件包,放至项目中: window.open("./js/pdfJS ...
前端预览 PDF 文件几种方式汇总（使用PDFJS）
哈喽大家好啊.前半年还挺忙的,一直也没有发文章,有老哥想我了嘛.这两天发现老有人私信问我 PDF 相关的内容. 那么好,为了我能安心摸鱼,我准备出一篇文章来介绍一下如何使用 PDFJS . PDF.j ...
PDF.js + Vue 浏览器以只读方式打开PDF,后台返回文件流，前端实现预览pdf
如果你想光前端完成 office(xls,doc,ppt) 文件的预览,只能提供你这些库来使用 PDF http://mozilla.github.com/pdf.js/ XLS https://gi ...
前端在线预览PDF文件
如何在vue项目中预览PDF格式的文件需求:在vue3.x项目中预览pdf文件提供以下三种方案: 1.Vue-pdf:适用于vue2.x版本,vue3.x需要改一些源码(vue2.x项目极力推荐, ...
pdf预览 pdf.js+pdfObject
1.下载pdf.js 第一步,下载源码:git clone git://github.com/mozilla/pdf.js.git (直接github下载zip 不能直接使用) 第二步 ,cd pdf ...
使用pdfobject预览pdf
之前写过一篇预览pdf的,Vue使用vue-pdf实现PDF文件预览 ,大家按需所用一般项目中在上传文件之前可能会有先预览一下,看是否符合要求,符合再上传,这里先说了pdf文件,使用pdfobje ...
使用layui在前端接收后端的图片流来显示二维码,在前端使用iframe接收后端流来预览pdf
消息弹框的形式因为我是在生成二维码之后,用zxing的工具类输出的流所以这里介绍一下我用到的工具类的依赖 gradle // https://mvnrepository.com/artifact/ ...

前端 PDFObject.embed预览PDF，另类方式隐藏工具条样例

前端 PDFObject.embed预览PDF，另类方式隐藏工具条样例相关推荐

最新文章

热门文章