文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

宣传部部长

宣传部部长

2024-04-23 23:04

关注

  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" rel="nofollow" rel="nofollow"rel="nofollow">XDOC</a>

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

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

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     417人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     194人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     155人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     232人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     60人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯