您现在的位置是:网站首页> 编程资料编程资料

HTML里显示pdf、word、xls、ppt的方法示例使用PDF.JS插件在HTML中预览PDF文件的方法利用html5 file api读取本地文件示例(如图片、PDF等)HTML5在线预览PDF的示例代码html转换为pdf案例的一些总结(多图推荐)

2023-10-11 415人已围观

简介 这篇文章主要介绍了HTML里显示pdf、word、xls、ppt的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

1、PDF文件在线预览

1.HTML5新标签定义和用法

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

实例

2.

3.

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

实例

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

2、word、xls、ppt在线预览

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

src就是要实现预览的文件地址

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

3、XDOC在线预览

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

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

到此这篇关于HTML里显示pdf、word、xls、ppt的方法示例的文章就介绍到这了,更多相关HTML显示pdf、word、xls、ppt内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

相关内容