前端使用 kkFileView 详细教程

项目特性 

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

最重要的一点就是 让你们后端大哥查询文档

kkFileView - 在线文件预览 (keking.cn)

而我们前端做的就是  这样就ok啦

再添加一条  可能需要你把url 进行base64转码 

 先下载  npm i base64url

再  const base64url = require('base64-url')  引入一下即可

 toView(row) {
      let str = row.nr
      const a1 = str.indexOf("u")
      this.url = "http://192.168.1.182:8080/" + str.slice(a1)
      console.log(this.url);
      //  window.open('http://127.0.0.1:8012/onlinePreview?url=' + encodeURIComponent(base64url.encode(this.url)));
      window.open('http://192.168.1.182:8012/onlinePreview?url=' + encodeURIComponent(base64url.encode(this.url)));

希望能再工作中帮到你，少年