2021-03-25-个人项目接入文件预览服务器KKFileView

前言

• 在实际项目中，会存在一些要实现文件预览功能的需求，但是这个功能自己写有点麻烦，可以用别人写好的
• 下面介绍的KKFileView就是一个文件预览系统，你的个人项目的文件想要预览，调用这个系统的api就行了

步骤

• 首先你要下载KKFileView
• 啥也不用干点击运行就行了
• 然后在你的系统需要文件预览功能的地方写两句代码就行了，就两句，最多就五句
• KKFileView
• 文档

下载KKFileView

• 使用idea拉取gitee上的项目，不懂的可以搜索我的其它博客，有写
• gitee网址:https://gitee.com/kekingcn/file-online-preview

启动KKFileView项目

• 打开项目
• 运行 ServerMain 的 main 方法，服务启动后，访问 http://localhost:8012/ 会看到如下界面，代表服务启动成功
  

接入你的项目

• 下面是单个文件的预览代码
• 在你的前端加入下面代码

 <a onclick="fileView('http://127.0.0.1:8080/file/test.txt')"> 预览</a>
<script>
        function fileView(url){
            window.open('http://172.75.200.149:8012/onlinePreview?url='+encodeURIComponent(BASE64.encode(url)));
        }
</script>

• 这段代码要用到一个base64.js，百度或者在下面的链接下载就行
• base64.js的网址