一、下在kkfileview.zip
下载地址:https://gitee.com/kekingcn/file-online-preview
解压后直接启动服务。
二、前端使用
先访问http://127.0.0.1:8012/index,地址显示如下界面则启动成功,并可在该页面体验:
<script>
import { Base64 } from 'js-base64';
export default {
name: "HelloWorld",
data() {
return {};
},
created() {},
methods: {
go() {
var url = "http://47.105.92.183:8190/img/logo.png"; //要预览文件的访问地址
window.open('http://219.152.168.143:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));
},
},
};
</script>
常见问题:
注:本文采用kkfileview3.3.1版本(低版本代码有差异)
文档预览失败
前端页面反馈
后端反馈
经调试发现是转码过程出了问题,后端接收的是一个经base64加密的url,前端需要Base64.encode(url)一次。
但即使如此,将后端服务打成jar包运行,演示页没有问题,但项目中却报404,由于对java不熟,我妥协了(花5块钱加官网提供的技术群=_=),在群里下载了编译好的包。
直接点击bin目录下的startup.bat文件运行即可。
鉴于上述问题,kkfileview会到服务端去请求要预览的文件,经调试发现是由于项目中服务请求时,有部分请求采用了https协议,需将请求方式转成http协议。当然这是我这边的问题,但这多数都是在服务请求文件时出的错,可往这个坑里使劲跳,说不定你就跳出来了(_)。