一:背景

用户在查看文章详情的时候,文章除了正文外还附带有各类型附件(如:word,excel,ppt,zip等),当用户想要查看附件时,需要先下载到本地再打开,这样很不方便,于是用户希望能够有在线预览附件的功能。

二:方案(参考:https://blog.csdn.net/xinghui_liu/article/details/125641300

日常开发中常见的文件格式有pdf,word,Excel,PPT,Html,txt,图片等。pdf,Html,txt,图片这种实现在线预览非常简单,有一些前端的插件可以满足要求。word,Excel,PPT如果要实现在线预览,就非常的困难。word,Excel,PPT实现在线预览常用的方式就是先转换成pdf,然后在进行预览。下面我就介绍常用的几种方案
方法一、kkfileview 文件在线预览

kkfileview支持文件格式多,而且不用开发。不过需要单独部署一个文件预览的服务,而且服务
器也需要安装openoffice。

方法二、officetohtml纯前端的方式

officetohtml纯前端的方式可以不用安装任何插件及服务,但是目前只支持文件地址的方式预览
,如果是文件流的话无法使用。

方法三、JODConverter

JODConverter 依赖于openoffice,需要在服务器单独安装openoffice。

方法四、Aspose

Aspose使用的是破解版的,如果商用使用需要考虑版权问题。

综上所述,考虑到方法四有版权问题所以我首先排除了选四,一,二,三都需要安装openoffice,又由于方法一支持的文件类型更多而且无需开发,所以最终我选择了方法一,接下来我就单讲方法一的整个实现过程。

三:kkfileview 文件在线预览具体实现

1. windows环境部署运行

1.1 环境要求

1.  Java: 1.8+
2.  OpenOffice或LiberOffice(Windows下已内置)无需考虑此条

1.2 下载 kkFileView-4.0.0.zip(Windows版)

下载链接:kkFileView 发行版 - Gitee.com

或从我的资源里拿

1.3  解压 kkFileView-4.0.0.zip ,然后进入到kkFileView-4.0.0/bin/ 目录下,双击 startup.bat 即可启动该应用。浏览器能正常访问:http://localhost:8012  即可表示启动正常。

1.4  项目接入使用

如果你的项目需要接入文件预览项目,达到对docx,excel,ppt,jpg等文件的预览效果,那么通过在你的前端项目中加入下面的代码即可成功实现。

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

黄色背景部分为运行的kkFileView的地址

Base64 一定要用,否则文件打不开

完毕!

2. linux环境部署运行

 2.1 环境要求

1.  Java: 1.8+

2. OpenOffice或LiberOffice(CentOS或Ubuntu下, 联网了会自动下载安装,MacOS下需要
自行安装),由于我是CentOS系统且是内网,无法自动下载,于是我选择了手动下载安装包并离线安装LiberOffice。

2.2 下载 LibreOffice_7.1.4_Linux_x86-64_rpm.tar.gz(Linux版)

下载链接: Download LibreOffice | LibreOffice - Free Office Suite - Based on OpenOffice - Compatible with Microsoft

将LibreOffice_7.1.4_Linux_x86-64_rpm.tar.gz上传到服务器后解压,进入到LibreOffice_7.1.4_Linux_x86-64_rpm/RPMS/目录下,进行LibreOffice的安装:

>    cd /LibreOffice_7.1.4_Linux_x86-64_rpm/RPMS/

>    yum localinstall *.rpm

安装完成后会出现/opt/libreOffice7.1目录。

备注:如果想要卸载libreOffice,则:

    1.查看安装的(会显示安装了的列表):rpm -qa|grep libreoffice 

    2.卸载(根据列表显示的):yum remove libreoffice7.1-ure-7.1.4.2-2.x86_64

    3. yum remove 剩余列表显示的

    4.删除 /opt/ 目录下的libreOffice7.1 文件夹即可完成卸载。

2.3 下载 kkFileView-4.0.0.tar.gz (Linux或MacOS版)

下载链接:kkFileView 发行版 - Gitee.com

或从我附件里拿

2.4 上传 kkFileView-4.0.0.tar.gz 包到服务器后解压

tar -zxvf kkFileView-4.0.0.tar.gz

2.5 进入解压后的文件夹目录  /kkFileView-4.0.0/bin/ ,启动 kkFileView 应用

>  sh startup.sh

2.6 启动后可以去 /kkFileView-4.0.0/log/kkFileView.log查看日志,如果日志报如下错误,可以先将

kkFileView进程 kill掉,然后 kill 掉报错信息里的 2001端口的pid和2002端口的pid,然后再次重启即可

报错信息:Caused by:.....Error creating bean with name 'officePluginManager': Invocation of init method failed:....failed to start and connect

Caused by:org.artofsolving.jodconverter.office.OfficeException:failed to start and connect

Caused by:....office.OfficeException:could not establish connection

Caused by:.....a process with acceptString 'socket,host=127.0.0.1,port=2001' is already running;pid 299361

 2.7 浏览器能正常访问:http://服务器ip:8012 表明kkFileView应用运行正常,接下来参照上面的项目接入使用即可。

完毕!

非root用户安装 LiberOffice+kkfileview:

kkFileView文件在线预览-(非root用户安装)_你要控几你几己的博客-CSDN博客

如有其它疑问微信咨询:shx0928

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐