SpringBoot+kkFileView实现万能文件在线预览

已于 2022-03-11 13:45:08 修改
阅读量2.3k 收藏 2
点赞数 1
分类专栏： File 文章标签： spring boot java
于 2022-03-10 18:03:40 首次发布
xiaojie
本文链接：https://blog.csdn.net/lijie0213/article/details/123405426
版权

kkFileView 项目简介

此项目为文件文档在线预览项目解决方案，对标业内付费产品有【永中office】【office365】【idocv】等，在取得公司高层同意后以Apache协议开源出来反哺社区，在此特别感谢@唐老大的支持以及@端木详笑的贡献。该项目使用流行的spring
boot搭建，易上手和部署，基本支持主流办公文档的在线预览，如doc,docx,Excel,pdf,txt,zip,rar,图片等等

项目特性

支持word excel ppt，pdf等办公文档 支持txt,java,php,py,md,js,css等所有纯文本
支持zip,rar,jar,tar,gzip等压缩包 支持jpg，jpeg，png，gif等图片预览（翻转，缩放，镜像）
支持mp3，mp4，flv等多媒体文件预览 使用spring boot开发，预览服务搭建部署非常简便
rest接口提供服务，跨平台特性(java,php,python,go,php，…)都支持，应用接入简单方便
支持普通http/https文件下载url、http/https文件下载流url、ftp下载url等多种预览源
提供zip，tar.gz发行包，提供一键启动脚本和丰富的配置项，方便部署使用 提供Docker镜像发行包，方便在容器环境部署
抽象预览服务接口，方便二次开发，非常方便添加其他类型文件预览支持 最最重要Apache协议开源，代码pull下来想干嘛就干嘛

官网及文档

地址：https://kkfileview.keking.cn

在线体验

请善待公共服务，会不定时停用

地址：https://file.keking.cn

项目文档（Project documentation）

详细wiki文档：https://gitee.com/kekingcn/file-online-preview/wikis/pages
中文文档：https://gitee.com/kekingcn/file-online-preview/blob/master/README.md
English document：https://gitee.com/kekingcn/file-online-preview/blob/master/README.en.md

预览展示：

1. 文本预览

支持所有类型的文本文档预览， 由于文本文档类型过多，无法全部枚举，默认开启的类型如下
txt,html,htm,asp,jsp,xml,json,properties,md,gitignore,log,java,py,c,cpp,sql,sh,bat,m,bas,prg,cmd

文本预览效果如下
文本预览效果如下

2. 图片预览

支持jpg，jpeg，png，gif等图片预览（翻转，缩放，镜像），预览效果如下
图片预览

3. word文档预览

支持doc，docx文档预览，word预览有两种模式：一种是每页word转为图片预览，另一种是整个word文档转成pdf，再预览pdf。两种模式的适用场景如下

图片预览：word文件大，前台加载整个pdf过慢
pdf预览：内网访问，加载pdf快
图片预览模式预览效果如下
ord文档预览1在这里插入图片描述

pdf预览模式预览效果如下
在这里插入图片描述

4. ppt文档预览

支持ppt，pptx文档预览，和word文档一样，有两种预览模式
图片预览模式预览效果如下
在这里插入图片描述

pdf预览模式预览效果如下
在这里插入图片描述

5. pdf文档预览

支持pdf文档预览，和word文档一样，有两种预览模式
图片预览模式预览效果如下
在这里插入图片描述

pdf预览模式预览效果如下
在这里插入图片描述

6. excel文档预览

支持xls，xlsx文档预览，预览效果如下
在这里插入图片描述

ps，如碰到excel预览乱码问题，可参考 预览乱码

7. 压缩文件预览

支持zip,rar,jar,tar,gzip等压缩包，预览效果如下
在这里插入图片描述

可点击压缩包中的文件名，直接预览文件，预览效果如下
在这里插入图片描述

8. 多媒体文件预览

理论上支持所有的视频、音频文件，由于无法枚举所有文件格式，默认开启的类型如下
mp3,wav,mp4,flv
如有没有未覆盖全面，可通过配置文件指定多媒体类型
视频预览效果如下
在这里插入图片描述

音频预览效果如下
在这里插入图片描述

9. CAD文档预览

支持CAD dwg文档预览，和word文档一样，有两种预览模式
图片预览模式预览效果如下
在这里插入图片描述

pdf预览模式预览效果如下
在这里插入图片描述

快速开始

项目使用技术

spring boot开发参考指南

freemarker
redisson
jodconverter

依赖外部环境

redis (可选，默认不用)
OpenOffice 或者 LibreOffice( Windows 下已内置，Linux 脚本启动模式会自动安装，Mac OS 下需要手动安装)

第一步：pull 项目 https://github.com/kekingcn/file-online-preview.git

第二步：运行 ServerMain 的 main 方法，服务启动后，访问 http://localhost:8012/ 会看到如下界面，代表服务启动成功

输入图片说明
在这里插入图片描述

菜鸟小杰子
关注
专栏目录
SpringBoot+Vue+kkFileView实现文档管理(文档上传、下载、在线预览)
BADAO_LIUMANG_QIZHI的博客
12-12 1万+
上面在使用OpenOffice实现doc、excel、ppt等文档的管理和预览。除此之外可用kkFileView实现包括且更多文档的预览。
springboot+vue实现文件上传下载
01-18
本文实例为大家分享了springboot+vue实现文件上传下载的具体代码，供大家参考，具体内容如下 一、文件上传（基于axios的简单上传） 所使用的技术：axios、springboot、vue; 实现思路：通过h5 ：input元素标签进行选择文件，获取所选选择的文件路径，new fromdata对象，设置fromdata的参数，设置axios对应的请求头，最后通过axios发送post请求后端服务。后端服务同过MultipartFile进行文件接收。具体代码如下： 前端代码： 1、创建vue对象 import Vue from 'vue' import App from './Ap
kkFileView，spring boot打造文件文档在线预览项目解决方案
11-03
使用spring boot打造文件文档在线预览项目解决方案，支持doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4，mp3以及众多类文本如txt、html、xml、java、properties、sql、js
springboot集成kkFileView+minio实现文件上传并预览(带源码)
最新发布
asdfggfdsa121的博客
08-28 818
springboot集成kkFileView+minio实现文件的上传加预览
推荐使用的文件预览
lbx
04-15 600
kkFileView文件预览 官网及文档 地址：https://kkfileview.keking.cn 在线体验 地址：https://file.keking.cn 官网地址 项目特性 支持word excel ppt，pdf等办公文档 支持txt,java,php,py,md,js,css等所有纯文本 支持zip,rar,jar,tar,gzip等压缩包 支持jpg，jpeg，png，gif等图片预览（翻转，缩放，镜像） 支持mp3，mp4，flv等多媒体文件预览 使用spring boot开发，预
实现万能文件在线预览，已开源，真香
hnjsjsac的博客
12-28 1938
推荐一个用Spring Boot搭建的文档在线预览解决方案：kkFileView，一款成熟且开源的文件文档在线预览项目解决方案，对标业内付费产品有【永中office】【office365】...
springboot集成kkfileview
AYANBAO的博客
04-09 1526
4.安装office组件(报错提示：启动office组件失败，请检查office组件是否可用)6.配置kkfileview参数。1.安装 LiberOffice。2.验证office是否安装成功。3.安装kkfileview。5.安装成功如图所示。
springboot集成kkFileView-实践
sn5diphone6的博客
09-22 1827
kkFileView集成
文档在线预览开源实现方案三：OpenOffice + PDFRenderer + js
weixin_30823833的博客
11-24 283
之前的方案无法很好地解决异构平台及不同浏览器的兼容性问题，如方案一需要客户端浏览器支持flash而移动端浏览器无法支持这点，虽然移动端浏览器支持方案二，但是一些老版本的IE浏览器无法支持，例如IE8就不支持html5，在这种情况下决定研究方案三，该方案采用的技术栈是OpenOffice + PDFRenderer + js, 思路是这样的： 通过OpenOffice的服务将office文档及...
SpringBoot+Vue+kkFileView实现文档管理(文档上传、下载、在线预览)示例代码
02-19
SpringBoot+Vue+kkFileView实现文档管理(文档上传、下载、在线预览)示例代码： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/128283542 import com.ruoyi.system.utils.FileUtils，此类见若依开发...
基于SpringBoot+Vue的学生选课管理系统的毕业设计，Vue+SpringBoot+MybatisPlus+MySQL
03-24
本文主要介绍基于SpringBoot+Vue的学生选课管理系统的源码实现。该系统实现了学生选课、退课、课程管理、学生管理等功能,采用前后端分离的模式,前端使用Vue框架,后端使用SpringBoot框架。 后端使用SpringBoot+...
SpringBoot+SpringSecurity+JWT+MybatisPlus实现基于注解的权限验证
08-26
SpringBoot+SpringSecurity+JWT+MybatisPlus实现基于注解的权限验证，可根据注解的格式不同，做到角色权限控制，角色加资源权限控制等，粒度比较细化。 @PreAuthorize("hasAnyRole('ADMIN','USER')")：具有admin或...
SpringBoot+Vue+kkFileView实现txt、doc、docx、md等文件在线预览)
莫等闲 白了少年头 空悲切
04-18 1279
本技术支持 word , excel , ppt，pdf，txt，java，php，py，md，js，css等纯文本或文档的在线预览。
文档在线预览开源实现方案一：OpenOffice + SwfTools + FlexPaper
weixin_30632089的博客
11-23 205
在文档在线预览方面，项目组之前使用的是Microsoft office web apps, 由于该方案需要按照微软License付费，项目经理要我预研一个文档在线预览的开源实现方案。仔细钻入该需求发现其实文档在线预览的开源方案还是挺多的，今天研究的方案一采用的技术栈是：OpenOffice +SwfTools + FlexPaper, 这种方案是目前比较成熟的方案，很多网站采用该方案来实现在线预览...
文件预览开源工具-kkFileView 预览环境搭建
Mr.ACO的专栏
04-12 1602
kkfileview 部署
springboot整合kkFileView部署，前端使用
m0_49605579的博客
05-24 1156
官方文档：https://kkfileview.keking.cn/zh-cn/docs/production.html kkFileView是一个很好的文件预览系统，初期开源维护时gitee和github上会直接提供发行包，现只有加入星球（99元一年）才能获取发行包。以下为源码方式部署使用细节。 1.下载源码（获取最新源码即可） https://gitee.com/kekingcn/file-online-preview/tree/v4.4.0-beta/ 2.IDE工具编译成jar包（无需更改任何文件
文件在线预览开源组件kkFileView
qq_43409401的博客
04-24 1243
kkFileView项目为文件文档在线预览项目解决方案，该项目使用流行的spring boot搭建，易上手和部署，基本支持主流办公文档的在线预览，如doc,docx,Excel,pdf,txt,zip,rar,图片等等 码云地址：https://gitee.com/kekingcn/file-online-preview 官网文档：https://kkfileview.keking.cn/zh-cn/docs/production.html 详细文档：https://gitee.com/kekingcn/f
springboot+minio+kkfileview实现文件的在线预览
qq_39990869的博客
06-07 1545
前提是你需要将你的桶设置为公用的，如果你的桶不是公用的那么你需要看我原来的文章，有一个预览的接口会返回一些凭证，直接将预览接口返回的数据放在浏览器即可访问。现在的问题是如何我们需要访问的是pdf等文件那么就需要结合kkfileview来实现文件的在线预览。url后面跟的是我们将minio文件地址加密为BASE64后的串，但是有个地方需要注意。可以将上面说的minio的地址输入在这里就可以预览对应的文件了。就是说我们加密的串中如何出现上以上的符合就需要我们进行转义，下面是转义的一个方法。
用springBoot+vue实现kkFileView与minio文件预览的具体操作步骤
05-30
下面是使用 Spring Boot + Vue 实现 KKFileView 与 MinIO 文件预览的具体操作步骤： 1. 首先，需要安装并启动 MinIO，可以从官网下载并安装对应平台的版本。 2. 创建一个新的 MinIO 存储桶，并将需要预览的文件上传到该存储桶中。 3. 使用 Spring Boot 创建一个新的 Web 应用程序，并添加 MinIO 的客户端依赖，如下所示： ```xml <dependency> <groupId>io.minio</groupId> <artifactId>minio</artifactId> <version>6.1.0</version> </dependency> ``` 4. 创建一个 MinIO 客户端实例，并使用该实例获取存储桶中的文件 URL，如下所示： ```java import io.minio.MinioClient; import io.minio.errors.MinioException; public class MinioUtils { private static final String ENDPOINT = "your-minio-endpoint"; private static final String ACCESS_KEY = "your-minio-access-key"; private static final String SECRET_KEY = "your-minio-secret-key"; private static final String BUCKET_NAME = "your-bucket-name"; private static final MinioClient minioClient; static { try { minioClient = new MinioClient(ENDPOINT, ACCESS_KEY, SECRET_KEY); } catch (Exception e) { throw new RuntimeException(e); } } public static String getFileUrl(String fileName) { try { return minioClient.presignedGetObject(BUCKET_NAME, fileName); } catch (Exception e) { throw new RuntimeException(e); } } } ``` 其中，getFileUrl 方法用于获取指定文件在 MinIO 存储桶中的 URL。 5. 使用 Vue 创建一个新的 Web 界面，并引入 KKFileView 的 JavaScript 文件，如下所示： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文件预览</title> <script src="https://cdn.koalaxiezi.com/kkfileview/4.0.6/kkfileview.min.js"></script> <link href="https://cdn.koalaxiezi.com/kkfileview/4.0.6/kkfileview.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="app.js"></script> </body> </html> ``` 6. 在 Vue 的 app.js 文件中，使用 Axios 获取 MinIO 存储桶中的文件 URL，并将其传递给 KKFileView 进行预览，如下所示： ```javascript import axios from 'axios' import KKFileView from 'kkfileview' new Vue({ el: '#app', created() { axios.get('/getFileUrl?fileName=test.pdf').then((response) => { KKFileView.open(response.data) }) } }) ``` 其中，getFileUrl 接口用于返回指定文件在 MinIO 存储桶中的 URL，response.data 是从接口返回的 URL。 7. 在 Spring Boot 应用程序中，创建 getFileUrl 接口，用于返回指定文件在 MinIO 存储桶中的 URL，如下所示： ```java import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.RestController; @RestController public class FileController { @GetMapping("/getFileUrl") public String getFileUrl(@RequestParam String fileName) { return MinioUtils.getFileUrl(fileName); } } ``` 8. 启动 Spring Boot 应用程序和 Vue Web 界面，访问 Vue Web 界面，即可在线预览 MinIO 存储桶中的文件。 需要注意的是，为了保证文件访问的安全性，需要在 MinIO 中设置适当的访问权限，确保只有授权的用户才能访问存储桶中的文件。同时，KKFileView 也提供了一些安全设置，如设置访问密码等，可以进一步加强文件访问的安全性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸟小杰子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值