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

原创 笑靥 随笔 应用类 299阅读 2018-08-18 10:30:16 举报

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

  1. 通过调用微软的在线预览功能实现
    PDF、word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软的在线预览功能实现 (预览前提:资源必须是公共可访问的)
  • 通过a标签href属性实现或iframe嵌入的方式,文件通过这种方式可以在浏览器中直接打开预览,如果仅仅是预览文件,对UI要求不高的情况下可以通过这种方式实现。
  1. 通过jquery插件jquery.media.js实现
    该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等,但是对word等类型的文件无能为力。并且前提条件是客户端浏览器中装有相应的插件。查看预览:http://sources.ikeepstudying.com/jquery.media/pdf.php
  2. 使用PDF.js
    PDF.js可以实现在html下直接浏览pdf文档,是一款开源的pdf文档读取解析插件,非常强大,能将PDF文件渲染成Canvas。由于是基于canvas实现的,所以浏览器需要支持HTML5,在IE9以上是可以使用的;(可以将word转换为pdf文件,在使用这种方式预览)
    demo:https://mozilla.github.io/pdf.js/web/viewer.html
    目前excel文件已经有了类似pdf.js那样的解析sheet.js

总结
1、纯前端方式实现在线预览word、excel、ppt最优选择微软/谷歌在线预览
2、利用后端将文件转为图片,前端以图片形式预览

参考: https://blog.csdn.net/Andrew83/article/details/80353489

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复