很多系统都有附件上传的功能,比如上传一些pdf,excel,图片等等。不过想预览这些文件就比较麻烦，需要一个个去找方案集成。今天介绍一个开源项目kkFileView，直接帮我们把这些功能都做好了。不需要改造原有项目，支持不同语言。而且支持docker部署，0学习成本，一起来看看吧。

1. 简介

kkFileView为文件文档在线预览解决方案，该项目使用流行的spring boot搭建，易上手和部署，基本支持主流办公文档的在线预览，如doc,docx,xls,xlsx,ppt,pptx,pdf,txt,zip,rar,图片,视频,音频等等。下面看一下几种常见文件格式的预览效果。

1. word 预览

2. ppt文档预览

3. pdf预览

4. excel文档预览

5. 压缩文件预览

6. 多媒体文件预览
7. 
8. 
   

2. 支持的格式

文档在线预览项目解决方案，项目使用流行的spring boot搭建，易上手和部署。万能的文件预览开源项目，基本支持主流文档格式预览，如：

1. 支持 doc, docx, xls, xlsx, xlsm, ppt, pptx, csv, tsv, dotm, xlt, xltm, dot, dotx,xlam, xla ,pages 等 Office 办公文档
2. 支持 wps, dps, et, ett, wpt 等国产 WPS Office 办公文档
3. 支持 odt, ods, ots, odp, otp, six, ott, fodt, fods 等OpenOffice、LibreOffice 办公文档
4. 支持 vsd, vsdx 等 Visio 流程图文件
5. 支持 wmf, emf 等 Windows 系统图像文件
6. 支持 psd ,eps 等 Photoshop 软件模型文件
7. 支持 pdf ,ofd, rtf 等文档
8. 支持 xmind 软件模型文件
9. 支持 bpmn 工作流文件
10. 支持 eml 邮件文件
11. 支持 epub 图书文档
12. 支持 obj, 3ds, stl, ply, gltf, glb, off, 3dm, fbx, dae, wrl, 3mf, ifc, brep, step, iges, fcstd, bim 等 3D 模型文件
13. 支持 dwg, dxf, dwf, iges , igs, dwt, dng, ifc, dwfx, stl, cf2, plt 等 CAD 模型文件
14. 支持 txt, xml(渲染), xbrl(渲染), md(渲染), java, php, py, js, css 等所有纯文本
15. 支持 zip, rar, jar, tar, gzip, 7z 等压缩包
16. 支持 jpg, jpeg, png, gif, bmp, ico, jfif, webp 等图片预览（翻转，缩放，镜像）
17. 支持 tif, tiff 图信息模型文件
18. 支持 tga 图像格式文件
19. 支持 svg 矢量图像格式文件
20. 支持 mp3,wav,mp4,flv 等音视频格式文件
21. 支持 avi,mov,rm,webm,ts,rm,mkv,mpeg,ogg,mpg,rmvb,wmv,3gp,ts,swf 等视频格式转码预览
22. 支持 dcm 等医疗数位影像预览
23. 支持 drawio 绘图预览

3. 使用方法

kkfileView 是基于springboot 开发的项目，但是可以独立部署，支持windows/linux/macos 等等平台。我们这里以docker 方式部署为例，一键部署，几乎0成本。

环境准备 安装docker centos7 安装docker 命令

yum install docker

启动docker

systemctl start docker

查看docker

docker -v

拉取kkfileView 镜像

docker pull keking/kkfileview:4.1.0

运行

docker run -it -p 8012:8012 keking/kkfileview:4.1.0

查看运行状态

docker ps

kkfileview 部署成功

前端使用的话，把文件的url发送给kkfileview接口即可,代码如下

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script>var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));

预览效果

4.总结

kkfileView 是基于http协议进行交互的。外部系统将需要预览的文件url 发送给kkfileView，kkfileView 返回预览的文件。这样做的好处很明显，不需要改造原有系统，降低开发成本，而且是语言无关性的，不同语言的项目也可以使用，比如php、.net、go 语言开发的项目等等。

5.相关链接

官网
http://kkfileview.keking.cn/zh-cn/index.html

gitee
https://gitee.com/kekingcn/file-online-preview?_from=gitee_search

github
https://github.com/kekingcn/kkFileView

文档
http://kkfileview.keking.cn/zh-cn/docs/home.html