前几天做一个网页上查看pdf等文档的功能,然后网上查了一下发现可以使用iframe来预览,然后就去试了一下 <iframe width="100%" height="95%" seamless scrolling="yes" :src="iframeSrc">< ...
屁话不多说,直接上菜。 pdf.js预览pdf就不多说,需要了解可以查看之前的博客 lt button type button v on:click openPage gt lt i class el icon rank gt lt i gt 全屏 lt button gt 设置button的点击事件: openPage: function var ob document.getElementBy ...
2019-09-18 17:55 0 943 推荐指数:
前几天做一个网页上查看pdf等文档的功能,然后网上查了一下发现可以使用iframe来预览,然后就去试了一下 <iframe width="100%" height="95%" seamless scrolling="yes" :src="iframeSrc">< ...
最近需要在移动端展示的html页面中预览远程服务器中的pdf文件,但由于android手机的浏览器不支持pdf格式的文件,遂经过一番搜索,找到了一个名为pdf.js的插件。 它可以支持pdf在html页面的展示,且自带对预览pdf文件操作工具,经过实际检测,在Apple手机 ...
效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...
效果 我这里是用jq 写的,我这里写的是点击按钮切换展示。 js 我在Vue methods中写的 当然vue 里面有插件,更简单了,我这里是自己没事自己玩写的一个dom ...
1.引入两个主要js文件 <script src="../js/pdf.js"></script> <script src="../js/pdf.worker.js"></script> 2.主要js代码 ...
前言 项目中需要前台预览pdf,网上查了一下发现了pdf预览插件,使用pdf.js,完美的实现了pdf的预览需求,网上博客有很多介绍的,但是发现对于刚入门的来说不够简单,详细,现特地记录一番,以免以后花费时间查找,也给有需要的朋友提供一个简单的参考。 下载文件: 首先需要 ...
准备工作 pdf.js文件 下载后放入到项目静态文件夹 可运行的springboot项目 首先为了直观的展示,springboot直接返回一个写死文件路径的输出流 前端获取展示 值得注意的是,/static/plugins/pdfjs-2.5.207-dist/web ...
pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持。 在线演示地址:http://mozilla.github.com/pdf.js/web/viewer.html PDF.js可在官网下载 地址:http ...