場景：每個企業(yè)都有對文檔的查看需求，如何基于h5實(shí)現(xiàn)web的文檔在線預(yù)覽需求。如果單位預(yù)算很充足，可以購買商用服務(wù)，這不在此討論范疇。如果預(yù)算比較有限，今天分享一款開源的，碼云上有8kstar的開源好選件，kkFileView，地址：https://gitee.com/kekingcn/file-online-preview。

一、主要支持的文檔如下圖1所示，圖信息來源于官網(wǎng)：

圖1 kkFileView支持的預(yù)覽文件列表

二、使用的主要技術(shù)

? ? ? ?開發(fā)語言：java+jdk1.8+

? ? ? ?后端開發(fā)框架：springboot

? ? ? ?前端開發(fā)框架：thymeleaf+bootstrap+pdf.js

? ? ? ?office 轉(zhuǎn)換插件：openoffice或者liberoffice

? ? ? ?使用平臺：linux或者windows/macos都支持。

三、kkFileView支持的預(yù)覽接入方式如下圖所示：

圖2、kkFileView 接入方式。

四、接入實(shí)戰(zhàn)

1、普通文件下載url預(yù)覽

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script>var url = 'http://127.0.0.1:8080/file/test.txt'; //要預(yù)覽文件的訪問地址 window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));

2、原始地址訪問瀏覽

var url = 'http://127.0.0.1:8080/file/test.txt'; //要預(yù)覽文件的訪問地址 window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(url));

更多的接入方式和接入指南可以參考官網(wǎng)：https://kkfileview.keking.cn/zh-cn/docs/usage.html。

五、部署實(shí)戰(zhàn)

1、pdf預(yù)覽

? ? ? 2、office預(yù)覽

3、音視頻預(yù)覽

六、系統(tǒng)創(chuàng)新點(diǎn)

系統(tǒng)通過openoffice或者libreoffice實(shí)現(xiàn)了office文檔的轉(zhuǎn)換，并進(jìn)行了web預(yù)覽，用戶可以支持web瀏覽，提供了極大的方便。只要有瀏覽器，隨時隨地可以進(jìn)行文檔瀏覽工作。

通過私有化部署，可以完成絕大多數(shù)文檔的瀏覽功能服務(wù)化，也可滿足企業(yè)的私密性，大大提高工作效率和安全。

總結(jié)

以上是生活随笔為你收集整理的开源好物分享！文档在线预览平台的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。