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

2019-10-20 20:03:15 阅读：265 来源： 互联网

标签：文件 http tomcat 预览 url Spring Boot kkFileView kkFileview

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日志文件查看错误信息

标签：文件,http,tomcat,预览,url,Spring,Boot,kkFileView,kkFileview
来源： https://www.cnblogs.com/lcsin/p/11708784.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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