文件预览 kkFileView 开箱即用

kkFileView官网

https://kkview.cn/zh-cn/index.html

1、为什么要使用 kkFileView

1、kkFileView开源。
2、kkFileView为文件文档在线预览项目解决方案，对标业内付费产品有【永中office】【office365】【idocv】，很牛逼的。
3、使用简单。

2、kkFileView使用步骤

1. 到gitee或者github上把项目拉下本地。
   

2. 运行项目，然后访问 http://127.0.0.1:8012 网址,如下图就是访问成功。
   

3. 下列是访问前端访问的预览示例。

    var originUrl = 'http://localhost:8080/fileInfo/load?id=1'; //要预览文件的访问地址
    var previewUrl = originUrl + '&fullfilename=test.txt''; // 名称拼接
    window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));

注意：前端需要添加引用

import {Base64} from "js-base64";

注意：后端需要一个get类型的接口，返回文件。且必须跳过token验证。

3、kkFileView项目部署。

	官网部署指南：https://kkview.cn/zh-cn/docs/production.html
**1、使用maven当中的install命令打包。**

2、如下图所示，在target目录下有.zip的包和.tar.gz的包。
Windows使用的.zip的包。
liunx使用的是.tar.gz的包。

3、解压之后有个bin目录。

4、双击startup.bat文件。
5、查看log目录下的日志文件，如下如所示。

6、访问http://127.0.0.1:8012/

4、重要参数设置

如下图所示，在config目录下的application.properties文件中可对于kkFileView预览之后视图的保存地址

1、下图地址很重要，是openOffice的地址，默认是default。

2、下图是核心资源的存储路径。

5、officeHome doesn’t exist or is not a directory - 错误解决

该报错的原因是office.home的路径错误导致的，缺少openOffice的插件支持。
官网地址：https://www.openoffice.org/

这个项目很优秀，开源，感谢kkFileView的工作人员。