在网页中显示PDF文档

最新推荐文章于 2025-06-02 16:55:22 发布

0XIX0

最新推荐文章于 2025-06-02 16:55:22 发布

阅读量5k

点赞数

CC 4.0 BY-SA版权

分类专栏：网站文章标签： html

本文链接：https://blog.youkuaiyun.com/ddzr972435946/article/details/79828329

网站专栏收录该内容

3 篇文章

订阅专栏

网上的代码总有很多用不了的。我就贴上我试过可以用的。win7 64bit+chrome

1.jquery.media.js

<script type="text/javascript" src="/thinkphp/public/js/jquery-1.8.3.min.js"></script>  

<script type="text/javascript" src="/thinkphp/public/js/jquery.media.js"></script>

<script type="text/javascript">
		$(document).ready(function () {
			//$('.media').media(  );
			$('.pdf222').media({width:450, height:350,autoplay: true},src="/thinkphp/public/bookUp/12.pdf");
			});
</script>


	
	<div>
		<a class="media" href="/thinkphp/public/videoDep/1.flv">My Flash Movie</a> 
		<a class="media" href="/thinkphp/public/bookUp/12.pdf">My PDF Document</a> 
	</div>

这个插件支持很多格式的，音视频、文本都可以显示。但他只是调用别的渲染插件，如果浏览器没有安装他会提示下载，所以还是很方便的。

2.embed标签

<embed width="800" height="600" src="/thinkphp/public/bookUp/12.pdf"></embed>

对于chrome浏览器，它内置的有渲染模块，所以可以很方便。

3.PDFObject

<script type="text/javascript" src="/thinkphp/public/js/pdfobject.js"></script>
<script type="text/javascript"> 
window.onload = function (){
    var success = new PDFObject({ url: "/thinkphp/public/bookUp/12.pdf" ,pdfOpenParams: { 
    	scrollbars: '0', 
    	toolbar: '0', 
    	statusbar: '0' , 
	    navpanes: 1,
	    view: "FitH",
	    pagemode: "thumbs"}}).embed("pdf1");
};
</script> 
 
<div id="pdf1" style="width:700px; height:600px;">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/thinkphp/public/bookUp/12.pdf">Click here to download the PDF</a></div>

这个插件也是调用浏览器内置的渲染模块。如果浏览器没有，可以试试pdf.js。在github上下载，需要自己编译，找了一圈好象没有编译好的。