CentOS使用kkFileView实现在线预览word excel pdf等

一、环境安装

1、安装LibreOffice

wget https://downloadarchive.documentfoundation.org/libreoffice/old/7.5.3.2/rpm/x86_64/LibreOffice_7.5.3.2_Linux_x86-64_rpm.tar.gz
# 解压缩
tar -zxf LibreOffice_7.5.3.2_Linux_x86-64_rpm.tar
cd LibreOffice_7.5.3.2_Linux_x86-64_rpm/RPMS## 执行安装
yum install -y libSM.x86_64 libXrender.x86_64  libXext.x86_64
yum groupinstall -y  "X Window System"
yum localinstall -y *.rpm

安装目录是 /opt/libreoffice7.5，需要修改启动脚本 bin/startup.sh，将安装目录/opt/libreoffice7.5包含在office检查目录中

DIR_HOME=("/opt/openoffice.org3" "/opt/libreoffice" "/opt/libreoffice6.1" "/opt/libreoffice7.5" "/opt/libreoffice7.1" "/opt/libreoffice7.2" "/opt/libreoffice7.3" "/opt/libreoffice7.4" "/opt/openoffice4" "/us
r/lib/openoffice" "/usr/lib/libreoffice")

2、安装中文字体

下载中文字体文件fonts.zip

链接：https://pan.baidu.com/s/1Mn1NH78-s2rrEZdgTDi5hg
提取码：kkfv

将下载的字体fonts.zip上传到 /usr/share/fonts 目录解压后执行命令 mkfontscale
若 mkfontscale 提示没有命令则先 yum install mkfontscale 安装命令
再分别依次执行 mkfontscale、mkfontdir、fc-cache 命令。

二、下载源码打包

1、解压运行

下载源码 https://gitee.com/kekingcn/file-online-preview

用IDEA打开编译打包后，得到部署压缩包 file-online-preview/server/target/kkFileView-4.3.0-SNAPSHOT.tar

将kkFileView-4.3.0-SNAPSHOT.tar 上传到服务器解压

# 解压缩
tar -zxf kkFileView-4.3.0-SNAPSHOT.tar

进入目录，执行启动脚本

cd kkFileView-4.3.0-SNAPSHOT
./startup.sh

2、打开测试页面

项目成功启动后，可以打开测试页面 http://127.0.0.1:8012/

三、项目接入使用

1、简单使用，传入url参数和fullfilename参数

var originUrl = 'http://127.0.0.1:8080/filedownload?fileId=1'; //要预览文件的访问地址
var previewUrl = originUrl + '&fullfilename=test.txt'
window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));

2、建议增加安全参数

为了文件安全和实效性，你可以在你的接口中加入token或者其他校验参数，满足了才能下载文件

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script>var originUrl = 'http://127.0.0.1:8080/filedownload?token=sgdfhkkmlk&time=1659006176&fileID=4564sfd&filename=test.xls'; //要预览文件的访问地址，该接口返回文件流
var previewUrl = originUrl + '&fullfilename=test.xls'//fullfilename是必须的，该参数是kkFileView保存的文件名
window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));

注意：当使用 base64 对 previewUrl 进行编码时，如果采用MIME友好型 base64 加密会导致长度每大于 76 就会加入\r 或者 \n 这样的换行控制符，这样再使用encodeURIComponent进行编码就会产生 %0A 这样的字符，就会导致预览不了。解决办法就是base64编码后去除 \r 和 \n 然后再使用 encodeURIComponent 编码，encodeURIComponent 编码后再去除 %0A

3、配置固定水印

打开文件src/main/config/application.properties，修改配置参数：

#水印内容
#如需取消水印，内容设置为空即可，例：watermark.txt = ${WATERMARK_TXT:}
watermark.txt = ${WATERMARK_TXT:内部文件，严禁外泄}
#水印x轴间隔
watermark.x.space = ${WATERMARK_X_SPACE:100}
#水印y轴间隔
watermark.y.space = ${WATERMARK_Y_SPACE:100}
#水印字体
watermark.font = ${WATERMARK_FONT:微软雅黑}
#水印字体大小
watermark.fontsize = ${WATERMARK_FONTSIZE:18px}
#水印字体颜色
watermark.color = ${WATERMARK_COLOR:black}
#水印透明度，要求设置在大于等于0.005，小于1
watermark.alpha = ${WATERMARK_ALPHA:0.1}
#水印宽度
watermark.width = ${WATERMARK_WIDTH:180}
#水印高度
watermark.height = ${WATERMARK_HEIGHT:80}
#水印倾斜度数，要求设置在大于等于0，小于90
watermark.angle = ${WATERMARK_ANGLE:10}

4、动态水印

在预览url后面加上参数&watermarkTxt即可

var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址 window.open('http://127.0.0.1:8012/onlinePreview?url=' + encodeURIComponent(url) + '&watermarkTxt=' + encodeURIComponent('动态水印'));

四、其他扩展功能

以下功能需修改源码，可以到这里下载源码：https://gitee.com/kekingcn/file-online-preview

1、禁用鼠标右键功能

打开文件src/main/resources/static/pdfjs/web/viewer.html

增加如下内容

// ..忽略其他内容.. //
<script>// ..忽略其他内容.. ////禁用右键（防止右键查看源代码）window.oncontextmenu = function () { return false; }//禁止任何键盘敲击事件（防止F12和shift+ctrl+i调起开发者工具）window.onkeydown = window.onkeyup = window.onkeypress = function () {window.event.returnValue = false;return false;}//如果用户在工具栏调起开发者工具，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面var h = window.innerHeight, w = window.innerWidth;window.onresize = function () {if (h != window.innerHeight || w != window.innerWidth) {window.close();window.location = "about:blank";}}/*** 禁止右键和复制*/document.oncontextmenu=new Function("event.returnValue=false");document.onselectstart=new Function("event.returnValue=false");
</script><style>// ..忽略其他内容.. //<#-- 设置浏览器打印为空白内容，防止打印 -->@media print{body{display:none}}
</style>

2、禁止复制功能

打开文件src/main/java/cn/keking/service/FileHandlerService.java，修改方法doActionConvertedFile()

/*** 对转换后的文件进行操作(改变编码方式)** @param outFilePath 文件绝对路径*/
public void doActionConvertedFile(String outFilePath) {String charset = EncodingDetects.getJavaEncode(outFilePath);StringBuilder sb = new StringBuilder();try (InputStream inputStream = new FileInputStream(outFilePath);BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream, charset))) {String line;while (null != (line = reader.readLine())) {if (line.contains("charset=gb2312")) {line = line.replace("charset=gb2312", "charset=utf-8");}sb.append(line);}// 添加sheet控制头sb.append("<script src=\"js/jquery-3.6.1.min.js\" type=\"text/javascript\"></script>");sb.append("<script src=\"js/excel.header.js\" type=\"text/javascript\"></script>");sb.append("<link rel=\"stylesheet\" href=\"bootstrap/css/xlsx.css\">");// 添加禁止复制功能sb.append("<<script language=\"Javascript\">\n" +"\n" +"    //禁用右键（防止右键查看源代码）\n" +"    window.oncontextmenu = function () { return false; }\n" +"    //禁止任何键盘敲击事件（防止F12和shift+ctrl+i调起开发者工具）\n" +"    window.onkeydown = window.onkeyup = window.onkeypress = function () {\n" +"        window.event.returnValue = false;\n" +"        return false;\n" +"    }\n" +"    //如果用户在工具栏调起开发者工具，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面\n" +"    var h = window.innerHeight, w = window.innerWidth;\n" +"    window.onresize = function () {\n" +"        if (h != window.innerHeight || w != window.innerWidth) {\n" +"            window.close();\n" +"            window.location = \"about:blank\";\n" +"        }\n" +"    }\n" +"    /**\n" +"     * 禁止右键和复制\n" +"     */\n" +"    document.οncοntextmenu=new Function(\"event.returnValue=false\");\n" +"    document.onselectstart=new Function(\"event.returnValue=false\");\n" +"</script>");} catch (IOException e) {e.printStackTrace();}// 重新写入文件try (FileOutputStream fos = new FileOutputStream(outFilePath);BufferedWriter writer = new BufferedWriter(new OutputStreamWriter(fos, StandardCharsets.UTF_8))) {writer.write(sb.toString());} catch (IOException e) {e.printStackTrace();}
}

参考

  • https://blog.csdn.net/qq_33697094/article/details/126076565

  • kkFileView - 在线文件预览 (kkview.cn)

  • 源码地址：https://gitee.com/kekingcn/file-online-preview

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/217457.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

复旦微在线调试DDR

复旦微在线调试DDR

模式介绍 Jtag模式 Jtag模式用于在线调试&#xff0c;烧写&#xff0c;红色箭头所示拨码开关&#xff0c;拨上为jtag模式 Qspi模式 Qspi模式用于独立运行&#xff0c;红色箭头所示拨码开关&#xff0c;拨下为Qspi模式 级联模式 当PL侧代码不用修改时可以用级联模式&#xff0c…
阅读更多...
ROS2 LifecycleNode讲解及实例

ROS2 LifecycleNode讲解及实例

LifecycleNode讲解及实例 文章目录 前言LifecycleNode是什么背景生命周期状态定义UnconfiguredInactiveActiveFinalized 转换逻辑图示标准接口 代码实现&测试代码测试 总结 前言 本文用来记录什么是LifecycleNode&#xff0c;做背景介绍及基本原理的介绍及分析如何使用。1…
阅读更多...
【大数据】Doris 架构

【大数据】Doris 架构

Doris 架构 Doris 的架构很简洁&#xff0c;只设 FE&#xff08;Frontend&#xff09;、BE&#xff08;Backend&#xff09;两种角色、两个进程&#xff0c;不依赖于外部组件&#xff0c;方便部署和运维&#xff0c;FE、BE 都可线性扩展。 ✅ Frontend&#xff08;FE&#xff0…
阅读更多...
十六 动手学深度学习v2计算机视觉 ——样式迁移

十六 动手学深度学习v2计算机视觉 ——样式迁移

文章目录 基于CNN的样式迁移 基于CNN的样式迁移 我们通过前向传播&#xff08;实线箭头方向&#xff09;计算风格迁移的损失函数&#xff0c;并通过反向传播&#xff08;虚线箭头方向&#xff09;迭代模型参数&#xff0c;即不断更新合成图像。 风格迁移常用的损失函数由3部分组…
阅读更多...
Linux - 进程间通信（中）- 管道的应用场景

Linux - 进程间通信（中）- 管道的应用场景

前言 在上篇博客当中&#xff0c;对Linux 当中的进程通信&#xff0c;做了详细阐述&#xff0c;主要是针对父子进程的通信来阐述的同时&#xff0c;也进行了模拟实现。 对于管道也有了初步了解&#xff0c;但是这仅仅是 进程间通信的一部分&#xff0c;Linux 当中关于进程间通…
阅读更多...
无人机风速风向仪-百科小天地

无人机风速风向仪-百科小天地

随着科技的不断进步&#xff0c;无人机技术已经广泛应用于各个领域&#xff0c;包括气象监测。近年来&#xff0c;无人机风速风向仪的出现&#xff0c;为气象监测带来了革命性的变革。本文将介绍无人机风速风向仪的原理、优势以及在气象监测领域的应用&#xff0c;让我们一起领…
阅读更多...
golang 操作Jenkins

golang 操作Jenkins

1.創建Agent/Node func CreateAgent(username string, password string, nodeName string, nodeDescription string, numExecutors string, remoteFS string, labelString string, host string) {var obj stringobj "{name:" nodeName ",nodeDescription:&q…
阅读更多...
YOLOv4 学习笔记

YOLOv4 学习笔记

文章目录 前言一、YOLOv4贡献和改进二、YOLOv4核心概念三、YOLOv4网络架构四、YOLOv4数据增强五、YOLOv4的损失函数总结 前言 在近年来的目标检测领域&#xff0c;YOLOv4的出现标志着一个重要的技术突破。YOLOv4不仅继承了YOLO系列快速、高效的特点&#xff0c;还引入了一系列…
阅读更多...
CSS | 文档流 | Box盒模型 | FC BFC、IFC、FFC、GFC

CSS | 文档流 | Box盒模型 | FC BFC、IFC、FFC、GFC

文档流 “在一个块格式区域中，盒子会从包含块的顶部开始，按序垂直排列(受书写模式影响)。同级盒子间的垂直距离会由“margin”属性决定。相邻两个块级盒子之间的垂直间距会遵循外边距折叠原则被折叠。在一个块格式区域中，每个盒子的左外边缘会与包含块左边缘重合（如果是从右…
阅读更多...
《微信小程序开发从入门到实战》学习四十九

《微信小程序开发从入门到实战》学习四十九

4.5 实现投票小程序服务端功能 4.5.1 完成获取投票信息功能 修改pages/vote/vote.js文件中getVoteDataFromServer函数&#xff0c;代码如下&#xff1a; getVoteDataFromServer(voteID) { const db wx.cloud.database() db.collection(votes).doc(voteID).get().then(res &…
阅读更多...
【启扬方案】启扬储能管理平板助力储能电站实现智能且高效化运行

【启扬方案】启扬储能管理平板助力储能电站实现智能且高效化运行

在储能领域&#xff0c;储能电站扮演着重要角色&#xff0c;储能电站技术的应用贯穿于电力系统发电、输电、配电、用电的各个环节。实现电力系统削峰填谷、可再生能源发电波动平滑与跟踪计划处理、高效系统调频&#xff0c;增加供电的可靠性。 但随着储能电⼒系统建设发展得越来…
阅读更多...
Java网络编程，使用UDP实现TCP(三), 基本实现四次挥手

Java网络编程，使用UDP实现TCP(三), 基本实现四次挥手

简介 四次挥手示意图 在四次挥手过程中&#xff0c;第一次挥手中的Seq为本次挥手的ISN&#xff0c; ACK为 上一次挥手的 Seq1&#xff0c;即最后一次数据传输的Seq1。挥手信息由客户端首先发起。 实现步骤&#xff1a; 下面是TCP四次挥手的步骤&#xff1a; 第一次挥手&…
阅读更多...
记录一下如何使用python生成二维码 并简单练习命令行参数供初学者参考

记录一下如何使用python生成二维码 并简单练习命令行参数供初学者参考

主代码main.py 后面是演示效果图&#xff1a; import argparse import sysimport qrcode import os qr qrcode.QRCode(version1,error_correctionqrcode.constants.ERROR_CORRECT_L,box_size10,border4, ) fileList[] fileName[]parserargparse.ArgumentParser(description生…
阅读更多...
Ubuntu20.04降低linux版本到5.4.0-26-generic

Ubuntu20.04降低linux版本到5.4.0-26-generic

前言 试用ubuntu20.04安装昇腾的驱动和cann的时&#xff0c;出现如下问题&#xff1a; (base) rootubuntu:/home/work# ./Ascend-hdk-910-npu-driver_23.0.rc3_linux-aarch64.run --full Verifying archive integrity... 100% SHA256 checksums are OK. All good. Uncompr…
阅读更多...
基于Python+WaveNet+MFCC+Tensorflow智能方言分类—深度学习算法应用（含全部工程源码）（三）

基于Python+WaveNet+MFCC+Tensorflow智能方言分类—深度学习算法应用（含全部工程源码）（三）

目录 前言引言总体设计系统整体结构图系统流程图 运行环境模块实现1. 数据预处理2. 模型构建1&#xff09;定义模型结构2&#xff09;优化损失函数 3. 模型训练及保存1&#xff09;模型训练2&#xff09;模型保存3&#xff09;映射保存 相关其它博客工程源代码下载其它资料下载…
阅读更多...
“百里挑一”AI原生应用亮相，百度智能云千帆AI加速器首个Demo Day来了！

“百里挑一”AI原生应用亮相，百度智能云千帆AI加速器首个Demo Day来了！

作者简介&#xff1a; 辭七七&#xff0c;目前大二&#xff0c;正在学习C/C&#xff0c;Java&#xff0c;Python等 作者主页&#xff1a; 七七的个人主页 文章收录专栏&#xff1a; 七七的闲谈 欢迎大家点赞 &#x1f44d; 收藏 ⭐ 加关注哦&#xff01;&#x1f496;&#x1f…
阅读更多...
亚马逊云科技：向量数据存储在生成式人工智能应用程序中的作用

亚马逊云科技：向量数据存储在生成式人工智能应用程序中的作用

生成式人工智能深受大众喜爱&#xff0c;并且由于具备回答问题、写故事、创作艺术品甚至生成代码的功能&#xff0c;推动了行业的转变&#xff0c;那么如何才能在自己的企业中充分地利用生成式人工智能等应运而生问题。许多客户已经积累了大量特定领域的数据&#xff08;财务记…
阅读更多...
深入理解Disruptor - 无锁并发框架的革命

深入理解Disruptor - 无锁并发框架的革命

1. Disruptor框架简介 概述&#xff1a; Disruptor是一种高性能的内存队列&#xff0c;最初由LMAX开发&#xff0c;目的是在低延迟交易系统中替代传统的阻塞队列。它通过使用环形数组和无锁的发布/订阅模式&#xff0c;显著降低了线程间通信的延迟。这种设计使得它在多生产者-…
阅读更多...
【1day】​万户协同办公平台 iWebPDF/DocumentEdit.jsp文件 SQL注入漏洞学习

【1day】​万户协同办公平台 iWebPDF/DocumentEdit.jsp文件 SQL注入漏洞学习

注：该文章来自作者日常学习笔记，请勿利用文章内的相关技术从事非法测试，如因此产生的一切不良后果与作者无关。 目录 一、漏洞描述 二、影响版本 三、资产测绘 四、漏洞复现
阅读更多...
如何构建和安装Go程序

如何构建和安装Go程序

引言 到目前为止，在我们的[如何在Go中编码]系列中，您已经使用命令[go run]自动编译源代码并运行生成的可执行文件。尽管这个命令对于在命令行中测试你的代码很有用，但发布或部署你的应用程序需要你将代码构建为可共享的二进制可执行文件，或包含可以运行你的应用程序的机器…
阅读更多...
最新文章

Copyright @ 2022~2023