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

2023-12-13 06:52
文章标签 实现 excel 使用 pdf 在线 预览 centos word kkfileview

本文主要是介绍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

这篇关于CentOS使用kkFileView实现在线预览word excel pdf等的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/487486。

相关文章

springboot集成easypoi导出word换行处理过程

springboot集成easypoi导出word换行处理过程

《springboot集成easypoi导出word换行处理过程》SpringBoot集成Easypoi导出Word时,换行符n失效显示为空格,解决方法包括生成段落或替换模板中n为回车,同时需确... 目录项目场景问题描述解决方案第一种：生成段落的方式第二种：替换模板的情况，换行符替换成回车总结项目场景s
阅读更多...
SpringBoot集成redisson实现延时队列教程

SpringBoot集成redisson实现延时队列教程

《SpringBoot集成redisson实现延时队列教程》文章介绍了使用Redisson实现延迟队列的完整步骤,包括依赖导入、Redis配置、工具类封装、业务枚举定义、执行器实现、Bean创建、消费... 目录1、先给项目导入Redisson依赖2、配置redis3、创建 RedissonConfig 配
阅读更多...
Python的Darts库实现时间序列预测

Python的Darts库实现时间序列预测

《Python的Darts库实现时间序列预测》Darts一个集统计、机器学习与深度学习模型于一体的Python时间序列预测库,本文主要介绍了Python的Darts库实现时间序列预测,感兴趣的可以了解... 目录目录一、什么是 Darts？二、安装与基本配置安装 Darts导入基础模块三、时间序列数据结构与
阅读更多...
Python使用FastAPI实现大文件分片上传与断点续传功能

Python使用FastAPI实现大文件分片上传与断点续传功能

《Python使用FastAPI实现大文件分片上传与断点续传功能》大文件直传常遇到超时、网络抖动失败、失败后只能重传的问题,分片上传+断点续传可以把大文件拆成若干小块逐个上传,并在中断后从已完成分片继... 目录一、接口设计二、服务端实现（FastAPI）2.1 运行环境2.2 目录结构建议2.3 serv
阅读更多...
C#实现千万数据秒级导入的代码

C#实现千万数据秒级导入的代码

《C#实现千万数据秒级导入的代码》在实际开发中excel导入很常见,现代社会中很容易遇到大数据处理业务,所以本文我就给大家分享一下千万数据秒级导入怎么实现,文中有详细的代码示例供大家参考,需要的朋友可... 目录前言一、数据存储二、处理逻辑优化前代码处理逻辑优化后的代码总结前言在实际开发中excel导入很
阅读更多...
Spring Security简介、使用与最佳实践

Spring Security简介、使用与最佳实践

《SpringSecurity简介、使用与最佳实践》SpringSecurity是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架,本文给大家介绍SpringSec... 目录一、如何理解 Spring Security？—— 核心思想二、如何在 Java 项目中使用？——
阅读更多...
SpringBoot+RustFS 实现文件切片极速上传的实例代码

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot？二、环境准备与部署2.1 安装 RustF
阅读更多...
Nginx部署HTTP/3的实现步骤

Nginx部署HTTP/3的实现步骤

《Nginx部署HTTP/3的实现步骤》本文介绍了在Nginx中部署HTTP/3的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录前提条件第一步：安装必要的依赖库第二步：获取并构建 BoringSSL第三步：获取 Nginx
阅读更多...
springboot中使用okhttp3的小结

springboot中使用okhttp3的小结

《springboot中使用okhttp3的小结》OkHttp3是一个JavaHTTP客户端,可以处理各种请求类型,比如GET、POST、PUT等,并且支持高效的HTTP连接池、请求和响应缓存、以及异... 在 Spring Boot 项目中使用 OkHttp3 进行 HTTP 请求是一个高效且流行的方式。
阅读更多...
MyBatis Plus实现时间字段自动填充的完整方案

MyBatis Plus实现时间字段自动填充的完整方案

《MyBatisPlus实现时间字段自动填充的完整方案》在日常开发中,我们经常需要记录数据的创建时间和更新时间,传统的做法是在每次插入或更新操作时手动设置这些时间字段,这种方式不仅繁琐,还容易遗漏,... 目录前言解决目标技术栈实现步骤1. 实体类注解配置2. 创建元数据处理器3. 服务层代码优化填充机制详
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2