pdf在线浏览器pdf viewer
有的时候为了pdf保密的需求需要将pdf转换为图片的形式在网页上展示出来,所以经常需要这样的pdf页面浏览器,这里发现了一个可以将pdf文件实时的转换为图片并在网页端展示的项目,其中只需要用到前端js和html文件既可以实现pdf文件的在线预览,实时展示。用户只能看到高清图片,
无法复制保存具体的内容。
具体效果图下
在线demo地址
index.html
<!DOCTYPE html>
<!--[if IEMobile 7 ]> <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]--><head><meta charset="utf-8"><title>Bootstrap PDF Viewer</title><meta name="description" content=""><meta name="HandheldFriendly" content="True"><meta name="MobileOptimized" content="320"><meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta http-equiv="cleartype" content="on"><!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 --> <meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content=""><!-- Twitter Bootstrap --><link rel="stylesheet" href="lib/twitter-bootstrap/css/bootstrap.css"><!-- Font Awesome --><link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css"><!-- Bootstrap PDF Viewer --><link rel="stylesheet" href="css/bootstrap-pdf-viewer.css"></head><body><!-- Bootstrap PDF Viewer --><div id="viewer" class="pdf-viewer" data-url="sample.pdf"></div><!-- jQuery --><script src="lib/jquery-1.9.1.js"></script><!-- Twitter Bootstrap --><script src="lib/twitter-bootstrap/js/bootstrap.js"></script><!-- Bootstrap PDF Viewer --><script src="lib/pdf.js"></script><script src="js/bootstrap-pdf-viewer.js"></script><script>var viewer;$(function() {viewer = new PDFViewer($('#viewer'));});</script></body>
</html>
|--bootstrap-pdf-viewer-master/
| +--.gitignore
| +--21009165554.png
| |--css/
| | +--bootstrap-pdf-form-builder.css
| | +--bootstrap-pdf-form-viewer.css
| | +--bootstrap-pdf-viewer.css
| |--data/
| | +--form.json
| | +--submission.json
| +--form-builder.html
| +--form-viewer.html
| +--form.pdf
| +--index.html
| |--js/
| | +--bootstrap-pdf-form-builder.js
| | +--bootstrap-pdf-form-common.js
| | +--bootstrap-pdf-form-viewer.js
| | +--bootstrap-pdf-viewer.js
| |--lib/
| | |--font-awesome/
| | | |--css/
| | | | +--font-awesome-ie7.css
| | | | +--font-awesome-ie7.min.css
| | | | +--font-awesome.css
| | | | +--font-awesome.min.css
| | | |--font/
| | | | +--fontawesome-webfont.eot
| | | | +--fontawesome-webfont.svg
| | | | +--fontawesome-webfont.ttf
| | | | +--fontawesome-webfont.woff
| | | | +--FontAwesome.otf
| | | |--less/
| | | | +--bootstrap.less
| | | | +--core.less
| | | | +--extras.less
| | | | +--font-awesome-ie7.less
| | | | +--font-awesome.less
| | | | +--icons.less
| | | | +--mixins.less
| | | | +--path.less
| | | | +--variables.less
| | +--jquery-1.9.1.js
| | +--pdf.js
| | |--twitter-bootstrap/
| | | |--css/
| | | | +--bootstrap.css
| | | | +--bootstrap.min.css
| | | |--js/
| | | | +--bootstrap.js
| | | | +--bootstrap.min.js
| +--README.md
| +--sample.pdf
文件有点多,不便一一列举。
pdf在线浏览器pdf viewer相关推荐
- php 集成 pdf.js,JavaScript_js插件方式打开pdf文件(浏览器pdf插件分享),两种方案:一种直接链接,把p - phpStudy...
js插件方式打开pdf文件(浏览器pdf插件分享) 两种方案:一种直接链接,把pdf文件当作img文件,类似这种形式,这样链接: 另一种:使用js插件哈. 其中实现阅读pdf文件的js插件很多,比如: ...
- html转换成pdf在线转换器,pdf转换成HTML转换器
pdf转换成HTML转换器能够把pdf文档转换为HTML文件,方便用户在浏览器中浏览.pdf转换成HTML转换器不依赖于Adobe Acrobat,Acrobat Reader 软件,界面简单,功能稳 ...
- android中pdf转html代码,在线实现PDF转HTML网页格式
原标题:在线实现PDF转HTML网页格式 PDF文件是我们在工作生活中用的非常多高质量文件格式,有时我们需要将PDF转换成HTML网页文件,便于嵌入网页中,并且可以提取 PDF 中的图片.那么该如何进 ...
- php在线读取pdf文件大小_怎么压缩PDF文件?快来试试这些工具!
怎么压缩PDF文件?需要处理一些大体积的文件,我们首先想到的就是把它进行压缩.如果遇到的是PDF文件,知道该怎么去压缩吗?PDF压缩有一些简单又高效的方法,今天小编就选择两个觉得还不错的PDF压缩方法 ...
- 浏览器在线查看pdf文件 pdf.js的使用教程
谷歌浏览器可以直接在线查看pdf,而IE内核浏览器无法在线查看,默认是下载. 这里用到的是pdf.js,不仅支持IE内核浏览器,而且兼容手机查看pdf 官网地址:http://mozilla.gith ...
- 微信公众号或者浏览器实现在线浏览pdf文件
微信公众号或者浏览器实现在线浏览pdf文件 实现在线浏览pdf文件方法 开发步骤: 实现在线浏览pdf文件方法 我们在日常的开发当中经常需要实现pdf文件的显示,最近做了一个在微信公众号中实现pdf浏 ...
- 微信或手机浏览器在线显示pdf文件
问题及解决 在之前的文章中提到了如何在手机上显示office文件,这里提一下pdf文件如何在手机上展示.问题发生情况是,公司企业号会从OA系统定时获取信息,并且解析内网文章中的图片.文件,展示在微信中 ...
- js html转pdf并在线浏览器,Egg + Puppeteer 实现Html转PDF
背景 项目组有个类似富文本编辑器功能,在IE浏览器下需要支持打印.为解决打印兼容性问题,需要一套根据Html输出PDF的服务. so, 想直接看结果的: Html转PDF 在线预览
- pdf.js插件使用记录,在线打开pdf
pdf.js插件使用记录,在线打开pdf 原文:pdf.js插件使用记录,在线打开pdf 天记录一个js库:pdf.js.主要是实现在线打开pdf功能.因为项目需求需要能在线查看pdf文档,所以就研究 ...
- JAVA常用API或编程工具003--实现pdf在线阅读功能之pdf.js
pdf.js简介 PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品.简单说就是一个 PDF 解析器.运用HTML5JavaScript(即pdf.js仅使用安全的w ...
最新文章
- Sentinel Go 0.4.0 发布,支持热点流量防护能力
- web前端试题和答案
- arima 数据预处理_时间序列分析|ARIMA模型分步骤解析及R中实践
- 揭示C语言函数调用的本质解析
- 计算机二级知识点速记,计算机等考《二级MS+Office高级应用》高频考点速记
- python中的help和dir_Python中help()和dir()函数的用法是什么?
- atitit.激活一个窗口总结 swing java .net php
- 从泰勒展开到牛顿迭代
- android系统解锁,android 调用系统解锁方法
- pg PostGIS教程:几何图形(geometry)
- 条码追溯系统解决外贸企业进销存管理
- 数据挖掘 顶级期刊_数据挖掘顶级期刊简介_47209.doc
- 《四叶游戏》:梦想执念·棒球1号位
- 制定恰当的ACL,力求以最小特权运行应用程序
- 小白科研笔记:理解PointConv和对此类方法感想
- 基于ARCGIS的VCT扩展模块使用[转自CSDN阿翔]
- php中文域名转码,中文域名的punycode编码与其python实现
- SQL0289N SQLSTATE=57011
- 在茫茫excel寻找寿星------生日慰问用oledb连接excel表并用sql语言操作
- linux中dts分析