美文网首页
实用第三方工具——HTML实现文件在线预览

实用第三方工具——HTML实现文件在线预览

作者: MagicianKevin | 来源:发表于2020-07-14 11:55 被阅读0次

HTML中实现Word/Excel/PDF/PPT等文件的在线预览,除PDF外,其他格式文件需借助iframe标签及微软officeOnline提供的API来实现在线预览

<iframe src="https://view.officeapps.live.com/op/view.aspx?src=你的文件地址" frameborder="0" />

注:你的文件地址必须是公开可访问的!

效果如图

企业微信截图_15946988437760.png 企业微信截图_15946988635094.png

相关文章

  • 实用第三方工具——HTML实现文件在线预览

    HTML中实现Word/Excel/PDF/PPT等文件的在线预览,除PDF外,其他格式文件需借助iframe标签...

  • html中在线预览pdf文件之pdf在线预览插件

    html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件! ...

  • html页面中展示pdf文件遇到的问题

    场景: 在做后台项目的时候,需要在html页面中展示pdf文件,实现在线预览 1.如何在html中展示pdf文件 ...

  • 前端实现在线预览文件

    word、xls、ppt文件在线预览功能word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软...

  • dropify.js实现文件预览

    dropify.js 实现文件预览 目的 选择框选中文件后,实现预览按钮小窗口打开图片/pdf文件 js html...

  • 文档在线查看方法小结

    小结1 :Office在线预览及PDF在线预览的实现方式大集合 第三方成熟的服务 1. OfficeWeb365....

  • 前端实现在线预览pdf、word、xls、ppt等文件

    1、前端实现pdf文件在线预览功能 方式一: 通过a标签href属性实现 pdf文件理论上可以在浏览器直接打开预览...

  • python 将word转PDF

    由于需要实现在线预览word文件的一个需求,尝试将word转换成html效果很差,于是想要将word转换为PDF,...

  • SpringBoot实现文件在线预览

    背景 最近公司内部oa系统升级,需要增加文件在线预览服务,最常见的文件就是office文档,一开始构思几个方案,比...

  • 前端预览PDF,Excel,Word,TXT文件

    前端可以使用iframe可以直接预览文件,以下是几种依靠iframe实现在线预览的解决方案。