Spring Boot + kkFileView-2.1.2 实现文档在线预览

1. 下载kkFileview：https://gitee.com/kekingcn/file-online-preview/releases

2. 启动服务

　　进入 bin 目录，双击 startup.bat 启动服务

 

 

 

 

3. 访问 http://127.0.0.1:8012 测试是否成功启动服务

 

 

 

4. 设置 Spring Boot 内置 tomcat 虚拟映射

@Configuration public class WebConfig implements WebMvcConfigurer { /** * 虚拟路径配置 * @param registry */ @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/upload/**").addResourceLocations("file:F:/tomcat-upload/"); } }

 

5. 编写测试代码

<!-- 从数据库中获取的预览文件的虚拟路径 -->
<input type="hidden" th:value="${staticPath}" id="staticPath"/>
<button type="button" onclick="kkFileview();"/>点击预览

/** * kkFileview 在线预览文档 */
function kkFileview() { var url = $("#staticPath").val(); var kkFileUrl = "http://localhost:8080/lcsin-blog"+url;　　//拼接预览文件的url window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(kkFileUrl));　　//交由kkFileview实如今线预览
 }

 

6. 预览效果

使用图片预览效果

 

 

 

使用PDF预览效果

 

 

 遇到的一些问题：

1. 管理员运行startup.bat 一闪而过，但服务未成功启动的。

 

 

 解决方法：经过在cmd下编译bin目录里的kkFileView-2.1.2.jar成功启动服务，以后发现直接双击startup.bat 便可，无须以管理员身份运行

 

2. 预览页面报错，或者预览文件不存

 

问题缘由：未正确传入接口参数或者预览文件的url拼接不正确导入传入的接口参数有误，应该传入预览文件的tomcat虚拟路径

传入的预览文件参数应该相似于：http://localhost:8080/项目名/预览文件的tomcat虚拟路径

 

其余问题能够在log目录下阅览kkFileView.log日志文件查看错误信息