kkFileView在线⽂件预览项⽬学习搭建
⽬录
在偶然的翻阅⼤佬博客的时候,发现⼀个挺有意思的项⽬:kkFileView,在线⽂件预览项⽬
1. kkFileView介绍
2. 源码下载
3. 项⽬启动和配置修改
项⽬源码下载完之后,导⼊到IDEA,并安装l的相关依赖。
可以⾃定义项⽬的⾸页,或者关闭默认的⾸页演⽰。
可以进⼊application.properties⽂件根据⾃⼰的需求修改配置,如端⼝、⽂件⼤⼩限制、添加⽔印、⽂件预览等相关配置,具体可以查看官⽅⽂档:
也可以根据⾃⼰的需求修改源码,对项⽬进⾏⼆次开发,⽐如加个授权什么的等等…
IDEA直接运⾏启动⽂件即可以启动。苹果日历代码
4. 项⽬打包和部署
4.1、打包
该项⽬是springboot项⽬,直接使⽤maven打包即可
cd file-online-preview
properties是什么文件
mvn clean package -DskipTests
或者使⽤IDEA的maven⼯具(注意打包的⽗模块)
项⽬打包后会⽣成四个⽂件:
kkFileView-4.1.0-SNAPSHOT.jar(Spring Boot打包后得到jar包)
kkFileView-4.1.iginal(是Maven在Spring Boot重新打包之前创建的原始jar⽂件)
kkFileView-4.1.(Linux版本:项⽬中通过assembly配置,⽣成的发⾏项⽬包,带配置好的启动脚本startup.sh等)
kkFileView-4.1.0-SNAPSHOT.zip(Window版本:项⽬中通过assembly配置,⽣成的发⾏项⽬包,带配置好的启动脚本startup.bat等)
ad9keygen破解包下载
注意:在配置⽂件中startup.sh或startup.bat的⽂件名,可能与IDEA打包⽣成的⽂件名不⼀致,需要⾃⼰修改。
4.2、部署
正确打包好了的话,部署的相对⽐较简单。
⾸先将打包好的源码上传到服务器(Linux)
终端解压后进⼊bin⽬录,直接执⾏:./startup.sh 脚本就运⾏了执⾏:./startup.sh可以查询项⽬运⾏的⽇志
然后进⾏反向代理:
⽰例配置⽂件如下
location /
{
proxy_pass 127.0.0.1:8080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
竞聘述职ppt模板下载免费
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
js截取前10个字符串proxy_set_header REMOTE-HOST $remote_addr;
add_header X-Cache $upstream_cache_status;
#Set Nginx Cache
add_header Cache-Control no-cache;
}
4.3、⽂件预览乱码问题
5. web中使⽤API
在前端页⾯中使⽤该⽂件预览API很简单,⽰例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"content="IE=edge">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript"src="qkongtao/file/lib/base64.js"></script>
</head>
<body>
<button onclick="preview()">点击预览</button>
<script>
function preview(){parseerror是什么意思
var url ='api.idocv/data/doc/manual.docx';//要预览⽂件的访问地址
window.open('fileview.qkongtao/onlinePreview?url='+de(url)));
}
</script>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。