1 kkfileview介紹

網(wǎng)頁端不想下載文件，而是想在線打開文件預(yù)覽，比如：txt、doc、docx、pdf、xml、xls、xlsx、ppt、pptx、zip、png、jpg等等。這個(gè)時(shí)候 kkFileView 的出現(xiàn)就解決了我們的問題。
kkFileView 為文件文檔在線預(yù)覽解決方案，該項(xiàng)目使用流行的spring boot搭建，易上手和部署，基本支持主流辦公文檔的在線預(yù)覽，如doc,docx,xls,xlsx,ppt,pptx,pdf,txt,zip,rar,圖片,視頻,音頻等等。
kkfileview 官網(wǎng)
kkfileview 碼云地址
kkfileview gitHub地址

2 kkfileview安裝

首先，下載代碼到本地

idea開發(fā)工具打開，clean，install

2.1 Windows環(huán)境

2.1.1 啟動(dòng)

install執(zhí)行成功后，找到target文件夾下的kkFileView-x.x.x.zip壓縮包，進(jìn)行解壓縮。進(jìn)入 bin 目錄，雙擊 startup.bat 啟動(dòng) kkFileView。

2.1.2 訪問檢查

進(jìn)入 log 目錄查看 kkFileView.log 日志，打印【kkFileView 服務(wù)啟動(dòng)完成，耗時(shí):26.8350973s，演示頁請?jiān)L問: http://127.0.0.1:8012 】則說明啟動(dòng)成功。
這時(shí)可以訪問http://localhost:8012/index，看到以下頁面說明部署成功。

2.1.3 Windows另一種部署方式

截止2.1.2步驟Windows環(huán)境已經(jīng)部署完成。如果是部署本地測試環(huán)境的話，還可以直接如下圖運(yùn)行服務(wù)，效果和上一種方法是相同的。

2.2 Linux環(huán)境

如果搭建測試環(huán)境，可以用VMware創(chuàng)建一個(gè)虛擬機(jī)

2.2.1 上傳壓縮包

root用戶下將 kkFileView-4.2.1.tar.gz 上傳到服務(wù)器 ，使用命令 tar -zxvf kkFileView-4.2.1.tar.gz 解壓。

2.2.2 開放 8012 端口

1.查看防火墻狀態(tài)：systemctl status firewalld 或 firewall-cmd --state

2.若防火墻未開啟，則需要開啟防火墻：systemctl start firewalld.service

3.查看開放端口列表firewall-cmd --list-ports

4.開啟指定端口：firewall-cmd --zone=public --add-port=8012/tcp --permanent(8012為端口號)，提示success則為成功

5.重新加載防火墻firewall-cmd --reload，提示success則為成功

6.再次查看開放端口列表firewall-cmd --list-ports，8012端口已經(jīng)成功開放

2.2.3 安裝字體

2.2.3.1 字體壓縮包下載：

1 網(wǎng)頁下載：
http://kkfileview.keking.cn/fonts.zip
2 百度網(wǎng)盤下載：
鏈接：https://pan.baidu.com/s/1-Sp02zdMfZfNuNJIEmOmyA
提取碼：asgo

2.2.3.2 字體安裝

1 將下載的字體fonts.zip上傳到 /usr/share/fonts 目錄
2 執(zhí)行unzip fonts.zip命令解壓，若提示unzip: command not found則運(yùn)行yum install -y unzip zip安裝命令。安裝成功后就可以使用unzip命令了。
3 執(zhí)行命令 mkfontscale 若 mkfontscale 提示沒有命令則先 yum install mkfontscale 安裝命令，再分別依次執(zhí)行 mkfontscale、mkfontdir、fc-cache 命令。

2.2.4 啟動(dòng)服務(wù)

root用戶下解壓后進(jìn)入 kkFileView-4.2.1/bin 目錄，執(zhí)行 ./startup.sh 開始安裝和啟動(dòng)，安裝過程中會下載需要的組件需要輸入y
這里下載速度特別慢，而且到最后也大概率會下載失敗

可以直接退出下載
在這個(gè)網(wǎng)站找到對應(yīng)libreoffice版本，下載好安裝包后上傳到Linux服務(wù)器手動(dòng)安裝。
libreoffice 安裝包下載

我百度網(wǎng)盤這里有下載好的
鏈接：https://pan.baidu.com/s/1rsPEp70_LSNapzFosTaObQ
提取碼：y7f2

root用戶下將 LibreOffice_7.3.7.2_Linux_x86-64_rpm.tar.gz 上傳到服務(wù)器 ，使用命令 tar -zxvf LibreOffice_7.3.7.2_Linux_x86-64_rpm.tar.gz 解壓。
進(jìn)入RPMS目錄執(zhí)行 yum localinstall *.rpm 進(jìn)行安裝。會有提示信息輸入y

提示安裝成功后，進(jìn)入kkFileView-4.2.1/bin目錄，執(zhí)行./startup.sh命令啟動(dòng)kkFileView服務(wù)，提示正在運(yùn)行，由于前面啟動(dòng)不正確，我先執(zhí)行./shutdown.sh命令關(guān)閉進(jìn)程，關(guān)閉成功后，再執(zhí)行./startup.sh啟動(dòng)服務(wù)，之后執(zhí)行./showlog.sh命令查看日志，可以看到已經(jīng)啟動(dòng)成功。

2.2.5 檢查運(yùn)行是否正常

ifconfig命令查看服務(wù)器IP地址

之后本地瀏覽器訪問http://IP:8012/index，看到一下界面說明運(yùn)行成功。

3 前端頁面調(diào)用接口

首先安裝依賴

npm install --save js-base64
或
yarn add js-base64

引入依賴

import { Base64 } from "js-base64";

previewFile方法傳入文件地址就可以

<el-button type="primary" size="mini" @click="previewFile(file)">預(yù)覽</el-button>

previewFile(file) {
	 window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(file.url)));
	 // window.open('http://IP:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(file.url)));
}

4. 參考

kkFileView安裝及使用——文件預(yù)覽解決方案文章來源地址http://www.zghlxwxcb.cn/news/detail-754564.html

到了這里，關(guān)于kkfileview在線預(yù)覽文件實(shí)現(xiàn) Windows Linux的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！