注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

米欧光影工作室

No matter what you want to express……

 
 
 

日志

 
 
关于我

{ note: ‘不会编程的设计狮不是好科研狗’ }

网易考拉推荐

网页中显示pdf文件2(无js插件)  

2013-11-16 12:30:47|  分类: html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
效果图:
网页中嵌入pdf文件的方法-无js插件 - 湖小叶叶 - 米欧光影工作室
 
兼容:IE8, chrome, ff
IE8和chrome都是仅显示pdf内容,没有顶上的控制条;
ff中显示效果如上图所示。

缺点:(需要客户端安装adobe reader才能正常显示pdf)

补救措施:其实pdf在中高端商业学术用户中普及率还是挺高的。
实在不放心可以用图片展示信息,或如本段代码给出adobe reader的下载地址。

很短的demo:(请在测试前在相同目录下放置sample.pdf)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- saved from url=(0022) http://mio.web1337.net -->
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pdf在网页中的显示问题</title>


<script for="window" event="onload">
//Checking if Acrobat Reader installed (IE4+)...
//基本不会起作用。而且在IE之外的浏览器中被忽略执行。不想要,则可以删除。
<!--
document.all [
document.all.PDFNotKnown ? "IfNoAcrobat" : "IfAcrobat"
].style.display = "block";
//-->
</script>
<style>
#IfAcrobat{margin-left:auto; width:976px; margin-right:auto; }
</style>

</head>
<body>

<!-- if javascript不可用,则提示: -->
<noscript>
Cannot determine if you have Acrobat Reader (or the full Acrobat) installed
<font size="-1">(because JavaScript is unavailable or turned off)</font>.
</noscript>

<!-- if 没有安装adobe reader,则提示: -->
<div id="IfNoAcrobat" style="display:none">
你需要先安装Adobe Reader才能正常浏览文件,请点击<a href=http://get.adobe.com/cn/reader/download/?installer=Reader_11.0_Chinese_Simplified_for_Windows target="_blank">这里</a>下载Adobe Reader.
</div>


<!-- if adobe reader异常??则提示: -->
<object type="application/pdf" width=0 height=0 style="display:none">
<div id="PDFNotKnown" style="display:none">&nbsp;</div>
</object>









<!-- 显示pdf 开始 -->
<div id=IfAcrobat>
<!-- object为IE而写。最后一句的embed为chrome和ff而写 -->
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="990" height="700" border="0" top="10" name="pdf">
<param name="toolbar" value="true">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="sample.pdf">
<!-- 你的pdf文件地址 for IE -->

<embed name="plugin" src="sample.pdf" type="application/pdf" width="990" height="700" top="100" border="0" toolbar="true" _version="65539" _extentx="20108" _extenty="10866" _stockprops="0"> <!-- 你的pdf文件地址 for chrome & ff -->

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

</object>


</div>
<!-- 显示pdf 结束 -->


</body>
</html>



如果不是为了防止pdf被下载,可以仅要这几行即可:

<!-- object为IE而写。最后一句的embed为chrome和ff而写 -->
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="990" height="700" border="0" top="10" name="pdf">
<param name="toolbar" value="true">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="sample.pdf">

<embed name="plugin" src="sample.pdf" type="application/pdf" width="990" height="700" top="100" border="0" toolbar="true" _version="65539" _extentx="20108" _extenty="10866" _stockprops="0">

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

</object>



------
2.pdf转换为html的GUI工具(没用过。。。):http://liceocafiero.altervista.org/software/pdf2html/
4.pdf.js 针对ff的一个开源项目。不过好像ff已经内置pdf阅读器了。

  评论这张
 
阅读(6683)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017