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