html 显示pdf,

  html 显示pdf,

  1、PDF文件在线预览

  1.HTML5新标签embed定义和用法

  嵌入标签定义了嵌入的内容。这个标签是自封闭的,也就是说如果浏览器不支持PDF的嵌入,这个标签的内容是看不到的。

  例子

  embed src=/file/operation manual . pdf type= application/pdf width= 100% height= 100% /

  2.iframe

  Iframe方法是嵌入PDF最简单的方法之一。但是,如果iframe浏览器不支持PDF呈现,它可能无法提供足够的备份内容。

  例子

  Iframe src=您的PDF地址 width=100% height=100% 本浏览器不支持PDF,请点击查看:a href=PDF地址下载PDF/a/iframe3.object

  与嵌入不同,如果浏览器不支持PDF嵌入,object可以提示内容。所有浏览器都支持object元素,但是每个浏览器中的实现通常是不同的。如果您使用此object元素,请确保在您的浏览器和操作系统中彻底测试您的页面。

  例子

  object=/file/操作手册。PDF type= application/PDF width= 100% height= 100% 此浏览器不支持PDF。请点击查看:a href=/file/operation manual . PDF 下载PDF/a./p/object2、word、xls、ppt在线预览

  只需调用微软的在线预览功能,即可在线预览Word、ppt、xls文件(预览前提:资源必须是可公开访问的)。

  iframe src= https://view . office apps . live . com/op/view . aspx?src=3358storage.xuetangx.com/public _资产/xuetangx/pdf/1 . xls width= 100% height= 100% frame border= 1 /iframesrc是要预览的文件地址。

  补充:google的文档在线预览实现和微软一样(资源必须是可公开访问的),但是需要翻墙。

  iframe src= https://docs . Google . com/viewer?url=fileurl/iframe3、XDOC在线预览

  XDOC可以预览以DataURI表示的DOC文档,此外,XDOC还可以预览文本、带参数的文本、html文本、json文本、官方文档等。具体实施方法请参考官方文件。

  下面的方法可以实现word的快速预览,但是对于文件使用的编辑器可能会有一些限制。

  a href= http://www . xdocin . com/xdoc?_ func=to _ format=HTML _ cache=1 _ xdoc=3358 www.xdocin.com/demo/demo.docx target= _ blank rel= no follow xdoc/a在这里,本文就对HTML中显示pdf、word、xls、ppt的例子进行介绍。更多展示pdf、word、xls、ppt内容的相关HTML,请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: