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