全国服务热线:4008-888-888

技术知识

HTML里显示信息pdf、word、xls、ppt的方式示例

1、PDF文档线上预览

1.HTML5新标识<embed>界定和用法

<embed> 标识界定嵌入的內容,这个标识是自闭合的的,也便是说假如访问器不适用PDF的嵌入,那末这个标识的內容甚么都看不见。

案例

<embed src="/file/实际操作手册.pdf" type="application/pdf" width="100%" height="100%" />

2.<iframe>

<iframe>方式是嵌入PDF的最简易方式之1。可是,假如<iframe>访问器不适用PDF展现,则将会没法出示充足的储备內容。

案例

<iframe src="您的PDF详细地址" width="100%" height="100%">
  该访问器没法适用PDF,请点一下查询:
  <a href="PDF详细地址">免费下载 PDF</a>
</iframe>

3.<object>

与<embed>不一样,<object>假如访问器不适用PDF嵌入,则该元素可提醒內容。全部访问器都适用<object>元素,可是,每一个访问器中的完成方法一般存在差别。假如您应用该<object>元素,请尽量在访问器和实际操作系统软件中完全检测您的网页页面。

案例

<object data="/file/实际操作手册.pdf" type="application/pdf" width="100%" height="100%">
该访问器不适用PDF.请点一下查询:
<a href="/file/实际操作手册.pdf">Download PDF</a>.</p>
</object>

2、word、xls、ppt线上预览

word、ppt、xls文档完成线上预览的方法较为简易能够立即根据启用微软的线上预览作用完成 (预览前提条件:資源务必是公共性可浏览的)

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
</iframe>

src便是要完成预览的文档详细地址

填补:google的文本文档线上预览完成同微软(資源务必是公共性可浏览的),可是必须翻墙

<iframe src="https://docs.google.com/viewer?url=fileurl"></iframe>

3、XDOC线上预览

XDOC能够完成预览以DataURI表明的DOC文本文档,另外XDOC还能够完成文字、带主要参数文字、html文字、json文字、公文等线上预览,实际完成方式请看官方文本文档

下面这类方法能够完成迅速预览word可是对文档应用的编写器将会会有1些限定

<a href="http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=http://www.xdocin.com/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a>

到此这篇有关HTML里显示信息pdf、word、xls、ppt的方式示例的文章内容就详细介绍到这了,更多有关HTML显示信息pdf、word、xls、ppt內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服