Pdf嵌入HTML解决办法
最近浦东英文版要做一个上海日报的专栏。他们提供的PDF格式的信息,要求在页面里面嵌入PDF格式的文件,直接显示里面的内容。
我在网上搜了一下相关的解决办法,办法有,但是具体实施起来还是要试很多遍。以下总结一下解决办法:
首先保证客户端安装有可以直接打开PDF的软件,比如:Adobe Readerpdf转html
具体解决办法有三种,针对不同的浏览器兼容性方面要做稍微调整。
一、使用<OBJECT>标记在HTML中嵌入PDF文档
如果您的用户使用与Internet Explorer兼容、支持ActiveX控件的浏览器,您可用<OBJECT>标记嵌入PDF文档,而不需用<EMBED>标记。与Internet Explorer3.0或更高版本兼容的浏览器能支持<OBJECT>标记。
具体代码如下:
如无法查看,请先下载安装Adobe Reader X
<p >
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000"id="Pdf1"width="730" height="606">
<param name="_Version"value="327680">
<param name="_ExtentX"value="19315">
<param name="_ExtentY"value="16034">
<param name="_StockProps"value="0">
<param name="SRC"value="pdf路径">
</object>
直接嵌入PDF可能会显示PDF头部的功能按钮,可以通过设置margin-top:-2px的值予以隐藏。相关参数调整嵌入的PDF的高宽。
二、使用iframe嵌入pdf
使用iframe包含pdf文件,格式上面就没法保证,显示出来的样式不太好看。
具体代码如下:
<iframe src="pdf路径"with=""height=""scroll="no"></iframe>
三、直接打开pdf
直接打开pdf,使用连接形式打开,如果客户端有安装PDF阅读软件,可以直接打开,但是会整个显示,全屏都是PDF内容了。
具体代码如下:
<a href="pdf路径">XXpdf</a>