有的时候为了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相关推荐

  1. php 集成 pdf.js,JavaScript_js插件方式打开pdf文件(浏览器pdf插件分享),两种方案:一种直接链接,把p - phpStudy...

    js插件方式打开pdf文件(浏览器pdf插件分享) 两种方案:一种直接链接,把pdf文件当作img文件,类似这种形式,这样链接: 另一种:使用js插件哈. 其中实现阅读pdf文件的js插件很多,比如: ...

  2. html转换成pdf在线转换器,pdf转换成HTML转换器

    pdf转换成HTML转换器能够把pdf文档转换为HTML文件,方便用户在浏览器中浏览.pdf转换成HTML转换器不依赖于Adobe Acrobat,Acrobat Reader 软件,界面简单,功能稳 ...

  3. android中pdf转html代码,在线实现PDF转HTML网页格式

    原标题:在线实现PDF转HTML网页格式 PDF文件是我们在工作生活中用的非常多高质量文件格式,有时我们需要将PDF转换成HTML网页文件,便于嵌入网页中,并且可以提取 PDF 中的图片.那么该如何进 ...

  4. php在线读取pdf文件大小_怎么压缩PDF文件?快来试试这些工具!

    怎么压缩PDF文件?需要处理一些大体积的文件,我们首先想到的就是把它进行压缩.如果遇到的是PDF文件,知道该怎么去压缩吗?PDF压缩有一些简单又高效的方法,今天小编就选择两个觉得还不错的PDF压缩方法 ...

  5. 浏览器在线查看pdf文件 pdf.js的使用教程

    谷歌浏览器可以直接在线查看pdf,而IE内核浏览器无法在线查看,默认是下载. 这里用到的是pdf.js,不仅支持IE内核浏览器,而且兼容手机查看pdf 官网地址:http://mozilla.gith ...

  6. 微信公众号或者浏览器实现在线浏览pdf文件

    微信公众号或者浏览器实现在线浏览pdf文件 实现在线浏览pdf文件方法 开发步骤: 实现在线浏览pdf文件方法 我们在日常的开发当中经常需要实现pdf文件的显示,最近做了一个在微信公众号中实现pdf浏 ...

  7. 微信或手机浏览器在线显示pdf文件

    问题及解决 在之前的文章中提到了如何在手机上显示office文件,这里提一下pdf文件如何在手机上展示.问题发生情况是,公司企业号会从OA系统定时获取信息,并且解析内网文章中的图片.文件,展示在微信中 ...

  8. js html转pdf并在线浏览器,Egg + Puppeteer 实现Html转PDF

    背景 项目组有个类似富文本编辑器功能,在IE浏览器下需要支持打印.为解决打印兼容性问题,需要一套根据Html输出PDF的服务. so, 想直接看结果的: Html转PDF 在线预览

  9. pdf.js插件使用记录,在线打开pdf

    pdf.js插件使用记录,在线打开pdf 原文:pdf.js插件使用记录,在线打开pdf 天记录一个js库:pdf.js.主要是实现在线打开pdf功能.因为项目需求需要能在线查看pdf文档,所以就研究 ...

  10. JAVA常用API或编程工具003--实现pdf在线阅读功能之pdf.js

    pdf.js简介 PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品.简单说就是一个 PDF 解析器.运用HTML5JavaScript(即pdf.js仅使用安全的w ...

最新文章

  1. Sentinel Go 0.4.0 发布,支持热点流量防护能力
  2. web前端试题和答案
  3. arima 数据预处理_时间序列分析|ARIMA模型分步骤解析及R中实践
  4. 揭示C语言函数调用的本质解析
  5. 计算机二级知识点速记,计算机等考《二级MS+Office高级应用》高频考点速记
  6. python中的help和dir_Python中help()和dir()函数的用法是什么?
  7. atitit.激活一个窗口总结 swing java .net php
  8. 从泰勒展开到牛顿迭代
  9. android系统解锁,android 调用系统解锁方法
  10. pg PostGIS教程:几何图形(geometry)
  11. 条码追溯系统解决外贸企业进销存管理
  12. 数据挖掘 顶级期刊_数据挖掘顶级期刊简介_47209.doc
  13. 《四叶游戏》:梦想执念·棒球1号位
  14. 制定恰当的ACL,力求以最小特权运行应用程序
  15. 小白科研笔记:理解PointConv和对此类方法感想
  16. 基于ARCGIS的VCT扩展模块使用[转自CSDN阿翔]
  17. php中文域名转码,中文域名的punycode编码与其python实现
  18. SQL0289N SQLSTATE=57011
  19. 在茫茫excel寻找寿星------生日慰问用oledb连接excel表并用sql语言操作
  20. linux中dts分析

热门文章

  1. 漫画算法python版下载_漫画算法-小灰的算法之旅.pdf
  2. 字典攻击ssh弱口令
  3. 安装SQL Server2012时出现启用Windows功能NetFx3时出错”的提示,导致无法安装成功
  4. 西门子S7-200 SMART编程软件下载
  5. ActivityGroup对子Activity的管理
  6. Unity3D的音效相关介绍
  7. 简单易用的国产GIS工具软件
  8. python无限锁屏_【python】定时锁屏,保护身体
  9. Windows 7各版本比较
  10. 大学excel题库含答案_Excel练习题及答案