码迷,mamicode.com
首页 > Web开发 > 详细

网页中显示pdf的方法

时间:2018-05-10 13:17:06      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:很多   chrome   bubuko   get   rac   ade   row   UI   adobe   

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

今天有一需求,要在网页中显示pdf,于是立马开始搜索解决方案,无意中发现一个非常好的解决方法,详见http://blogs.adobe.com/pdfdevjunkie/web_designers_guide。

其实就光看这个网站也足够了,http://www.pdfobject.com/

 

记录一下主要代码:

 

<script type="text/javascript" src="scripts/pdfobject/pdfobject.js"></script>
<script type="text/javascript"> 
window.onload = function (){
    var success = new PDFObject({ url: "pdf/CGVET22-08-2011V2P.pdf" ,pdfOpenParams: { scrollbars: ‘0‘, toolbar: ‘0‘, statusbar: ‘0‘}}).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="~/pdf/CGVET22-08-2011V2P.pdf">Click here to download the PDF</a></div>

 

 

1.   http://api.docin.com/   豆丁的 Docin API是免费开放式“文档在线预览”接口程序 可以显示 doc pdf等文件

      必须指定网络路径不然 会报:技术分享图片技术分享图片技术分享图片技术分享图片技术分享图片

      

 

2. 网上的方法还是很多的。

    <object>标签

技术分享图片
  <object border="0" classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="650" height="600" VIEWASTEXT="">
<PARAM NAME="_cx" VALUE="17197">
<PARAM NAME="_cy" VALUE="15875">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="yourfile.pdf"> 技术分享图片技术分享图片</OBJECT>
技术分享图片

 技术分享图片

 

ie 可以显示,可是在chrome ff 下都不行。

 

3. 标签  embed  

 <embed src="yourfile.pdf" width="600" height="600"> 

  这下三个浏览器表示毫无压力。

 

4. 接下来 也是可以的。 在这里发现的: http://www.ehow.co.uk/video_4983082_display-pdf-file-html-web.html 

 

<iframe src="My.pdf" style="width:718px; height:700px;" frameborder="0"></iframe> 

reference:

http://www.ehow.co.uk/video_4983082_display-pdf-file-html-web.html

http://www.cnblogs.com/dayou123123/archive/2012/06/01/2530917.html

网页中显示pdf的方法

标签:很多   chrome   bubuko   get   rac   ade   row   UI   adobe   

原文地址:https://www.cnblogs.com/pejsidney/p/9019061.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!