网上的代码总有很多用不了的。我就贴上我试过可以用的。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上下载,需要自己编译,找了一圈好象没有编译好的。