kkFileView在線文件預(yù)覽與項(xiàng)目集成方式
更新時(shí)間：2025年08月01日 09:03:56 作者：王大錘4391
用戶(hù)在GitHub和Gitee未找到.Jar包,需手動(dòng)下載源碼編譯啟動(dòng)項(xiàng)目；配置Java后臺(tái)文件上傳及預(yù)覽路徑；集成Vue實(shí)現(xiàn)預(yù)覽效果
kkFileView在線文件預(yù)覽與項(xiàng)目集成
1.文件下載
這里注意的是，我在github，gitee官方文檔說(shuō)明里面沒(méi)有找到 .jar包，自己下載源碼 然后編譯的
啟動(dòng)
項(xiàng)目配置
2.java后臺(tái)配置文件上傳，預(yù)覽路徑
profile: D:/home/psms/uploadPath/
3.前臺(tái)vue集成
// 預(yù)覽
handlePreview(row) {
if(process.env.NODE_ENV == 'development'){
var previewServerUrl = "http://127.0.0.1:8012/onlinePreview?url=";
var fileUrl = "http://127.0.0.1:8080/profile/" + row.filepath;
let newUrl = previewServerUrl + Base64.encodeURI(fileUrl);
window.open(newUrl);
}
},
預(yù)覽效果
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
elasticsearch集群cluster?discovery可配式模塊示例分析
這篇文章主要為大家介紹了elasticsearch集群cluster?discovery可配式模塊示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
異常處理是軟件開(kāi)發(fā)中的關(guān)鍵環(huán)節(jié),良好的異常處理策略能提高系統(tǒng)的穩(wěn)定性、可維護(hù)性和用戶(hù)體驗(yàn),以下是項(xiàng)目中異常處理的全面指南,需要的朋友可以參考下2025-09-09
idea中g(shù)it如何刪除commit提交的log信息
這篇文章主要介紹了idea中g(shù)it如何刪除commit提交的log信息問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
詳解springboot shiro jwt實(shí)現(xiàn)權(quán)限管理
為什么使用jwt呢，因?yàn)榭梢酝ㄟ^(guò)URL，POST參數(shù)或者在HTTP header發(fā)送，因?yàn)閿?shù)據(jù)量小，傳輸速度也很快。本篇通過(guò)具體代碼來(lái)進(jìn)行詳情解析，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值2021-09-09
這篇文章主要介紹了java集合中的list詳解，還是比較不錯(cuò)的，這里分享給大家，需要的朋友可以參考下。2017-11-11
mybatis中注解與xml配置的對(duì)應(yīng)關(guān)系和對(duì)比分析
這篇文章主要介紹了mybatis中注解與xml配置的對(duì)應(yīng)關(guān)系和對(duì)比分析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-08-08
Java的@Transactional、@Aysnc、事務(wù)同步問(wèn)題詳解
這篇文章主要介紹了Java的@Transactional、@Aysnc、事務(wù)同步問(wèn)題詳解,現(xiàn)在我們需要在一個(gè)業(yè)務(wù)方法中插入一個(gè)用戶(hù),這個(gè)業(yè)務(wù)方法我們需要加上事務(wù),然后插入用戶(hù)后,我們要異步的方式打印出數(shù)據(jù)庫(kù)中所有存在的用戶(hù),需要的朋友可以參考下2023-11-11
本文主要介紹了Java中實(shí)現(xiàn)文件壓縮/解壓縮的工具類(lèi),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2025-09-09
基于ScheduledExecutorService的兩種方法(詳解)
下面小編就為大家?guī)?lái)一篇基于ScheduledExecutorService的兩種方法(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
SpringBoot工程發(fā)布第三方Jar的詳細(xì)步驟
文章介紹了如何將一個(gè)Spring Boot工程打包成JAR文件,并發(fā)布到Maven倉(cāng)庫(kù),以便其他工程可以依賴(lài)調(diào)用,本文分步驟給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2025-12-12