1、使用jquery.media.js预览PDF



  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8" />
    5. 

  5. <title>01使用jquery.media插件进行PDF预览</title>
    6. 

  6. <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    7. 

  7. <script type="text/javascript" src="js/jquery.media.js"></script>
    8. 

  8. </head>
    9. 

  9. <script>
    10. 

  10. $(document).ready(function() {
    11. 

  11. $('div.media').media({
    12. 

  12. width: 1200,
    13. 

  13. height: 600,
    14. 

  14. src: "生活规律.pdf"
    15. 

  15. });
    16. 

  16. });
    17. 

  17. </script>
    18. 

  18. <body>
    19. 

  19. <div class="media"></div>
    20. 

  20. </body>
    21. 

  21. </html>


2、使用PDF.JS在线查看PDF




  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="UTF-8">
    5. 

  5. <title>02使用pdf.js插件进行PDF预览</title>
    6. 

  6. </head>
    7. 

  7. <body>
    8. 

  8. <a href="#" onclick="window.open('js/html5-online-pdf-viewer/web/viewer.html?file=/浏览器实现PDF预览/生活规律.pdf');">
    9. 

  9. 查看生活规律.pdf
    10. 

  10. </a>
    11. 

  11. </body>
    12. 

  12. </html>


3、利用PDF.JS插件解决了本地pdf文件在线浏览问题（根据需要隐藏下载功能，只保留打印功能）


隐藏下载功能：


在viewer.html更改即可


更改之前




更改之后




即增加   style="visibility:hidden"    就可隐藏下载功能。


隐藏打印等其他功能同上。


附件源码


下载地址：https://gitee.com/KingXin666/PDFPreviewOnBrowsers
												


											
浏览器实现PDF预览的更多相关文章
	

    
								
  1. PDF预览之PDFObject.js总结
		
    get from:PDF预览之PDFObject.js总结   PDFObject.js - 将PDF嵌入到一个div内,而不是占据整个页面(要求浏览器支持显示PDF,不支持,可配置PDF.js来实现 ...
    
		
    2. 
						
  2. 使用 juqery.media.js 实现 pdf 预览
		
    作用:可以实现在指定的位置预览PDF 缺点: (1)在iPad上只能预览一页PDF.(问题是iPad会将PDF转为img呈现,试了将img宽度设置为100%方法但并不好使) (2)在安卓上不能预览,依 ...
    
		
    3. 
						
  3. BrowserSync：跨浏览器实时同步预览
		
    BrowserSync:跨浏览器实时同步预览 2016.09.11 官方网站:https://www.browsersync.io/ 项目仓库:https://github.com/Browsersy ...
    
		
    4. 
						
  4. Pdf预览功能实现（asp.net）
		
    asp.net中使用 1.pdf预览功能实现的插件是pdfjs-1.5.188-dist //引入插件中相关的文件以及jquery文件 @section css{ <link rel=" ...
    
		
    5. 
						
  5. Atitit.pdf 预览 转换html attilax总结
		
    Atitit.pdf 预览 转换html attilax总结 1. Swf flash还是html1 2. pdf2htmlEX1 3. iText 5.5.0 发布,Java 的 PDF 操作类库1 ...
    
		
    6. 
						
  6. ABAP FORM打印转PDF/pdf 预览
		
    function ZSTXBC_SSFCOMP_PDF_PREVIEW. *"-------------------------------------------------------- ...
    
		
    7. 
						
  7. Android原生PDF功能实现：PDF阅读、PDF页面跳转、PDF手势伸缩、PDF目录树、PDF预览缩略图
		
    1.背景 近期,公司希望实现安卓原生端的PDF功能,要求:高效.实用. 经过两天的调研.编码,实现了一个简单Demo,如上图所示. 关于安卓原生端的PDF功能实现,技术点还是很多的,为了咱们安卓开发的 ...
    
		
    8. 
						
  8. Winforn中使用FastReport实现点击导出按钮PDF预览并弹出另存为对话框
		
    场景 FastReport安装包下载.安装.去除使用限制以及工具箱中添加控件: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...
    
		
    9. 
						
  9. pdf预览-js版本
		
    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. mysql关系型和非关系型区别
			
    关系型数据库最典型的数据结构是表,由二维表及其之间的联系所组成的一个数据组织优点:1.易于维护:都是使用表结构,格式一致:2.使用方便:SQL语言通用,可用于复杂查询:3.复杂操作:支持SQL,可用于 ...
    
			
    2. 
						
  2. java学习笔记19（Arrays类）
			
    Arrays类: 此类包含用来操作数组的各种方法(比如升序和搜索): import java.util.Arrays; public class Demo { public static void m ...
    
			
    3. 
						
  3. 排序（N+1种）
			
    from large to small 选择排序: 算法描述: 输入a[n] a[1]~a[n] a[2]~a[n]          a[i]~a[n] 找最小的,与a[1]交换 找最小的,与a[2 ...
    
			
    4. 
						
  4. python day08作业答案
			
    1. a f=open('11.txt','r',encoding='utf-8') a=f.read() print(a) f.flush() f.close() b. f=open('11.txt ...
    
			
    5. 
						
  5. HDU 1004 Let the Balloon Rise(map应用)
			
    Problem Description Contest time again! How excited it is to see balloons floating around. But to te ...
    
			
    6. 
						
  6. 易混点总结--JS
			
    1.defer与 async 的区别是: defer要等到整个页面在内存中正常渲染结束(DOM 结构完全生成,以及其他脚本执行完成),才会执行:async一旦下载完,渲染引擎就会中断渲染,执行这个脚本 ...
    
			
    7. 
						
  7. 20165228 2017-2018-2《Java程序设计》课程总结
			
    20165228 2017-2018-2<Java程序设计>课程总结 每周作业链接汇总 预备作业1:我期望的师生关系 简要内容: 老师能给我在学习中提供什么帮助 我的看法 我期望的师生关系 ...
    
			
    8. 
						
  8. Python之路，第十一篇：Python入门与基础11
			
    python3  函数2 全局变量:一直存在 局部变量:函数执行时存在,执行完毕后销毁: lambda 表达式(又称匿名函数表达式) 作用: 创建一个匿名(无名)函数对象, 同 def 类似但不提供函 ...
    
			
    9. 
						
  9. lesson6-图像分割-小象c
			
    显著性检测:1)显著性物体检测-最能引起视觉注意的物体区域2)注视点预测:人类视觉注意机制 视觉注意机制的两种机制:1)自底而上基于数据驱动的注意机制,如颜色.边缘 2)自上而下基于任务驱动的目标的注 ...
    
			
    10. 
						
  10. 马拉车   o(n)（最长连续回文串） hdu 3068
			
    #include<bits/stdc++.h> ; using namespace std; +]; string manacher(string ss) { string tt=&quo ...
    
			
    11.