kkFileView部署及使用

最新推荐文章于 2024-07-05 09:17:03 发布

urnotzzx

最新推荐文章于 2024-07-05 09:17:03 发布

阅读量4.7k

点赞数 3

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_34981774/article/details/128410396

版权

本文档详细介绍了kkFileView的部署步骤，包括从Gitee下载、启动服务、配置修改以及在Web应用中引用。对于Vue项目，需要安装base64.js并进行引入。通过提供的预览地址，可以实现文件的在线预览。

摘要由CSDN通过智能技术生成

Windows:kkFileView部署及使用

前言

前言

kkFileView支持主流文档的在线预览服务。官网地址

部署

kkFileView不需要集成，只需要部署到服务器即可。

从 Gitee 上下载最新的压缩包，或者从代码仓库中下载代码导入项目到IDEA再打包；
解压文件，找到 bin 文件夹下的 startup.bat ，运行该文件，运行完成后浏览器访问 http://127.0.0.1:8012/ 即可看到演示的首页；
在 config/application.properties 中修改配置文件，修改完成后服务需重启(配置说明)；
如果是部署在服务器中，nginx中添加以下代码：

location /preview {
    proxy_pass 127.0.0.1:8012;
}

config/application.properties 文件中更改 base.url

base.url = https://xxxxxx.com/preview

使用以下地址来访问预览页面

var url = ''
window.open('https://xxx.com/preview/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));

Web引用

普通web

将源码中的base64.min.js 文件拉到项目中，代码中引入

<script type="text/javascript" src="js/base64.min.js"></script>

预览文件

window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));
或域名
window.open('https://xxx.com/preview/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));

Vue ：需要引入base64.js

安装base64.js npm install --save js-base64 ，安装完成后在项目中引入 let Base64 = require('js-base64').Base64
预览文件

window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));
或域名
window.open('https://xxx.com/preview/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));