一款让你优雅、高效实现文件预览的解决方案

前言

项目开发中，很多系统都会涉及到文件操作，比如常见的上传、下载等，这些也都是司空见惯的事情，也比较容易实现。但是有些情况下，需要支持文件的在线预览功能，由于文件格式众多，不同的文件处理方式不同，使得预览显得比较复杂，实现起来也相对困难。本文结合自己的开发实战情况，总结下目前常用的三种模式及利弊关系，重点讲述下公司实现预览的功能代码及服务的搭建过程。

常用三种实现方式及优缺点

方式一 使用officeapps的在线链接方式实现

具体为view.officeapps.live.com/op/view.asp…此处的url代表文件的外网访问路径。注意：该url必须是外网可以访问的路径，否则无法预览。参考代码如下：

https://view.officeapps.live.com/op/view.aspx?src=https://demo.jeesite.com/js/a/file/download/1148195356402933760.doc

预览效果：

优点：实现简单，不需要添加单独搭建预览服务，页面中可以通过声明方法的形式添加预览按钮，然后对点击事件追加如上所示的代码块中的路径即可实现预览功能

缺点：url路径必须为外网可以访问的文件路径，如果文件所存储的服务器无法通过外网访