下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

Web前端:HTML里显示pdf、word、xls、ppt

作者:Jade_g     来源: 博客园点击数:1682发布时间: 2020-05-10 14:27:53

标签: xlsHTMLWeb前端

Web开发

  pdf(PortableDocumentFormat的简称,意为“便携式文档格式”),是由AdobeSystems用于与应用程序、操作系统、硬件无关的方式进行文件交换所发展出的文件格式。PDF文件以PostScript语言图象模型为基础,无论在哪种打印机上都可保证精确的颜色和准确的打印效果,即PDF会忠实地再现原稿的每一个字符、颜色以及图象。

  1、PDF文件在线预览

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

  <embed>标签定义嵌入的内容,这个标签是自闭合的的,也就是说如果浏览器不支持PDF的嵌入,那么这个标签的内容什么都看不到。

  实例

  <embedsrc="/file/操作手册.pdf"type="application/pdf"width="100%"height="100%"/>

  2.<iframe>

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

  实例

  <iframesrc="您的PDF地址"width="100%"height="100%">

  该浏览器无法支持PDF,请点击查看:

  <ahref="PDF地址">下载PDF</a>

  </iframe>

  3.<object>

  与<embed>不同,<object>如果浏览器不支持PDF嵌入,则该元素可提示内容。所有浏览器都支持<object>元素,但是,每个浏览器中的实现方式通常存在差异。如果您使用该<object>元素,请务必在浏览器和操作系统中彻底测试您的页面。

  实例

  <objectdata="/file/操作手册.pdf"type="application/pdf"width="100%"height="100%">

  该浏览器不支持PDF.请点击查看:

  <ahref="http://www.kokojia.com/file/操作手册.pdf">DownloadPDF</a>.</p>

  </object>

  2、word、xls、PPT在线预览

  word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软的在线预览功能实现(预览前提:资源必须是公共可访问的)

  <iframesrc='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的文档在线预览实现同微软(资源必须是公共可访问的),但是需要翻墙

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

  3、XDOC在线预览

  XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览,具体实现方法请看官方文档

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

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

  可移植文档格式是一种电子文件格式。这种文件格式与操作系统平台无关,也就是说,PDF文件不管是在Windows,Unix还是在苹果公司的MacOS操作系统中都是通用的。这一特点使它成为在Internet上进行电子文档发行和数字化信息传播的理想文档格式。越来越多的电子图书、产品说明、公司文告、网络资料、电子邮件在开始使用PDF格式文件。

  Adobe公司设计PDF文件格式的目的是为了支持跨平台上的,多媒体集成的信息出版和发布,尤其是提供对网络信息发布的支持。为了达到此目的,PDF具有许多其他电子文档格式无法相比的优点。PDF文件格式可以将文字、字型、格式、颜色及独立于设备和分辨率的图形图像等封装在一个文件中。该格式文件还可以包含超文本链接、声音和动态影像等电子信息,支持特长文件,集成度和安全可靠性都较高。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程