浏览器显示pdf文件

最新推荐文章于 2022-11-11 15:26:21 发布
最新推荐文章于 2022-11-11 15:26:21 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： javascript 文章标签： 浏览器 pdf 网页pdf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjavaboy/article/details/38317557
版权 
<!--注：pdfobject.js，可在我的资源中下载。-->
<script type="text/javascript" src="pdfobject.js"></script>

<script type="text/javascript">

var pdfOpen_params = {navpanes: 1, view: "FitH",pagemode: "thumbs"};

var pdfAttributes = {

url: url,//url，可以是具体某个pdf文件，也可以是pdf文件输出流
pdfOpenParams: pdfOpen_params

};

window.onload = function (){

var pdf = new PDFObject(pdfAttributes);

pdf.embed("pdf1");};

</script>

</head>

<body><div id="pdf1">It appears you don't have Adobe Reader or PDF support in this web browser. <!-- <a href="/pdf/sample.pdf">Click here to download the PDF</a> --></div>

</body>


 

 


                

        

        

    




    

      

        

            

              
                
                  jjavaboy
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
打开pdf文件参数

				
			

			

				

					Keep It Simple, Stupid
				

				

					04-18
					
					5128
					
				

			

		

		

			
				
例子：隐藏工具栏http://127.0.0.1:8080#toolbar=0You can open a PDF document with a command or URL that specifies exactly what to display (a named
destination or specific page), and how to display it (using suc

			
		

	



                

              
                



	

		

			

				
					
关于pdfobject.js在不同浏览器显示问题

				
			

			

				

					大佐
				

				

					11-18
					
					768
					
				

			

		

		

			
				
记录下此pdfobject.js插件在开发过程中遇到的问题。隐藏菜单栏和目录

			
		

	



                


  
              

                


	

		

			

				
					
在线预览 PDF 文档插件 PDFObject.js

				
			

			

				

					傲凝的博客
				

				

					09-26
					
					8352
					
				

			

		

		

			
				
插件描述：
	
这是一个 JavaScript 库用来在 html 中动态嵌入 PDF 文档，使用 <embed> 标签显示 PDF 文档

官网：https://pdfobject.com/


	使用步骤：
	
1、下载 pdfobject.js

GitHub 下载：https://github.com/pipwerks/PDFObject/

2、在需要使用的 html 页...

			
		

	





	

		

			

				
					
页面浏览pdf

				
			

			

				

					hjsmliang2008的专栏
				

				

					12-10
					
					1254
					
				

			

		

		

			
				
使用pdfobject.js，可以很轻松在页面显示pdf。
可以通过http://www.pdfobject.com/页面下载js，上面有详细的例子。
 
这里写一个例子，让大家参考一下

			
		

	



		

			
		



	

		

			

				
					
h5  的PDF查看

				
			

			

				

					withawind的博客
				

				

					03-04
					
					1425
					
				

			

		

		

			
				
下面的#smallshade为你要讲PDF展示的div


var options = {
                height: "100%",
                pdfOpenParams: {view: 'FitV', page: '0' },
                name:"mans",
                fallbackLink: "&l...

			
		

	





	

		

			

				
					
浏览器显示预览pdf文件

				
			

			

				

					06-29
				

			

		

		

			
				
解决安卓浏览器不能预览pdf的问题。安卓浏览器默认下载pdf。

			
		

	





	

		

			

				
					
Java Servlet实现在浏览器中打开pdf文件

				
			

			

				

					04-15
				

			

		

		

			
				
NULL 博文链接：https://doujun1998.iteye.com/blog/1758708

			
		

	





	

		

			

				
					
js插件方式打开pdf文件(浏览器pdf插件分享)

				
			

			

				

					10-26
				

			

		

		

			
				
需求：JSP网页中要显示pdf文件,下面给出二种方案，JS插件那种不错啊

			
		

	





	

		

			

				
					
最新版PDF.JS插件，用来移动端显示PDF文件

				
			

			

				

					04-25
				

			

		

		

			
				
一般安卓浏览器打开pdf会直接下载，使用这个插件，就可以在移动端页面直接显示PDF文件了，就和电脑端使用PDF软件打开PDF文件一样。但是IOS可以直接显示pdf文件，所以该文档也有判断苹果安卓区分对待的方法。

			
		

	





	

		

			

				
					
C#开发的PDF文件浏览器

				
			

			

				

					01-23
				

			

		

		

			
				
WebSamples an ASP.NET sample that returns a PDF file to the browser (requires a virtual folder in your Internet Information Server) XGraphicsLab a test tool that demonstrates many PDFsharp features ...

			
		

	





	

		

			

				
					
在线pdf预览插件pdfobject.js设置参数使用pdf预览

				
			

			

				

					11-24
				

			

		

		

			
				
在线pdf预览插件pdfobject.js设置参数使用pdf预览

			
		

	





	

		

			

				
					
前端实现PDF预览

				
			

			

				

					alexders的博客
				

				

					11-11
					
					2283
					
				

			

		

		

			
				
可以直接在网页中使用iframe标签，src中放入需要展示的PDF的借口地址，如果觉得工具栏太多的很丑的可以在src地址后加上“#toolbar=0”。第一次做PDF相关的功能，PC端和移动端都要做，查了很多资料，网上也有很多插件，但是很乱，很少有符合业务需求。移动端预览和PC端预览稍有不同，移动端预览需要考虑真机效果，以及小程序所。webview这个可以通用但是在小程序端无法引用网络地址，需要将url 放在网络服务器上。这个库npm安装即可，比较合适移动端H5端使用，但小程序上应用不了无法展示。

			
		

	





	

		

			

				
					
在网页中打开展示pdf文件

				
			

			

				

					流楚丶格念的博客
				

				

					07-07
					
					4553
					
				

			

		

		

			
				
1、点击PDF文件链接
点击PDF文件链接在新的页面打开pdf文件（将PDF文件放在和HTML文件同等目录下）：
<a href="Test.pdf" target="_blank">PDF<a>

如果将PDF文件改为Docx文件，那么点击之后就是下载页面，不会像PDF文件那样在新页面展示内容‘；
如果将PDF文件改为图片文件，那么点击之后就是在新页面展示图片；
如果将PDF文件改为一个文件夹，那么打开就是整个目录，且可以访问其内容，类似FTP服务
2、通过的浏览器
<emb

			
		

	





	

		

			

				
					
使用chrome直接预览pdf，并控制显示模式

				
			

			

				

					weixin_33950035的博客
				

				

					03-08
					
					1万+
					
				

			

		

		

			
				
实现方式
前端使用iframe，地址直接指向pdf的下载地址，后端直接将文件内容写入到HttpServletResponse的输出流中，前端就会自动使用chrome浏览器在iframe中显示pdf内容
后端注意事项
需要指定响应头信息，如下：
resp.setHeader("Content-Disposition", "filename=" + URLEncoder.encode(attm.get...

			
		

	





	

		

			

				
					
非常好的在网页中显示pdf的方法

					
热门推荐

				
			

			

				

					小肥的专栏
				

				

					09-02
					
					6万+
					
				

			

		

		

			
				
今天有一需求，要在网页中显示pdf，于是立马开始搜索解决方案，无意中发现一个非常好的解决方法，详见http://blogs.adobe.com/pdfdevjunkie/web_designers_guide。
其实就光看这个网站也足够了，http://www.pdfobjec

			
		

	





	

		

			

				
					
如何在浏览器中打开PDF文件并实现预览的思路与代码

				
			

			

				

					xuexiaodong2009的专栏
				

				

					10-29
					
					1万+
					
				

			

		

		

			
				
编写项目遇到一个

			
		

	





	

		

			

				
					
从数据库中读取blob字段并生成图片文件

				
			

			

				

					spring028的专栏
				

				

					06-06
					
					1877
					
				

			

		

		

			
				
String pPath = request.getRealPath("/");String sPath=pPath+"news//"; %>          从数据库中读取图片并生成对应的文件                                        -->      //获取生成图片的物理路径Connection con=Db.getConn();Statement st

			
		

	





	

		

			

				
					
【HTML】如何直接在网页中显示PDF文件?

				
			

			

				

					征程
				

				

					05-05
					
					4万+
					
				

			

		

		

			
				
1.通过的浏览器
<embed width="800" height="600" src="test.pdf"></embed>

2.通过的浏览器：360、IE 未通过的浏览器：Firefox、Chrome
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height=...

			
		

	





	

		

			

				
					
html 显示pdf文件

					
最新发布

				
			

			

				

					05-17
				

			

		

		

			
				
要在 HTML 中显示 PDF 文件，可以使用 `<embed>` 标签或 `<iframe>` 标签。  ...请注意，浏览器必须支持 PDF 文件格式才能显示 PDF 文件。如果浏览器不支持 PDF 格式，则需要安装 PDF 阅读器插件。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值