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. Diamorphine rootkit的使用
			
    仅作LKM rootkit研究之用,滥用后果自负. 查看支持版本是否为2.6.x/3.x/4.x: uname -r 下载代码: git clone https://github.com/m0nad/ ...
    
			
    2. 
						
  2. WPA3在2018年为无线安全添砖加瓦
			
    Wi-Fi Alliance Announces WPA3, the Successor to Wi-Fi's WPA2 Security Protocol The Wi-Fi Alliance -- ...
    
			
    3. 
						
  3. HDU 6050 17多校2  Funny Function（数学+乘法逆元）
			
    Problem Description Function Fx,ysatisfies:For given integers N and M,calculate Fm,1 modulo 1e9+7.   ...
    
			
    4. 
						
  4. JavaBean转化为Map，List<JavaBean>转化为List<Map>
			
    /** * 将对象转化为map * * @param bean * @param <T> * @return */ private <T> Map<String, Obj ...
    
			
    5. 
						
  5. 网络协议理论，http协议，数据结构，常用返回码
			
    一.网络协议理论 先是DNS协议 将域名转化成IP地址 这个你要知道 域名只是人记着方便 计算机记的是IP 然后是TCPIP协议 数据在传输过程中可能要经过陆游器 涉及到的是ARP协议 将IP地址转换 ...
    
			
    6. 
						
  6. oracle死锁测试
			
    测试一个死锁,看看oracle会报什么错误,以及oracle如何处理 1.创建测试表,测试数据 2.第一轮update,delete 两个会话,不同的行 3.第二轮,delete,update两个会话 ...
    
			
    7. 
						
  7. Python之路PythonThread，第三篇，进程3
			
    python3 进程3 管道 在内存中开辟一个管道空间,对多个进程可见. 在通信形式上形成一种约束: linux 文件类型 b    c      d         -                ...
    
			
    8. 
						
  8. python调用caffe环境配置
			
    背景是这样的,项目需要,必须将训练的模型通过C++进行调用,所以必须使用caffe或者mxnet,而caffe是用C++实现,所以有时候简单的加载一张图片然后再进行预测十分不方便 用caffe写pro ...
    
			
    9. 
						
  9. sscanf 与 ssprintf 用法 （转载--https://www.cnblogs.com/Anker/p/3351168.html)
			
    sprintf函数 sprintf函数原型为 int sprintf(char *str, const char *format, ...).作用是格式化字符串,具体功能如下所示: (1)将数字变量转 ...
    
			
    10. 
						
  10. eclipse + cdt
			
    Window > Preferences > General > Appearance中设置主题颜色. Help > eclipse marketplace > find ...
    
			
    11.