前端使用 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)));

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

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode是一款非常流行的代码编辑器,广泛应用于前端开发。下面是一个简单的VSCode前端使用教程。 1. 下载和安装:访问VSCode官方网站,选择适合你操作系统的版本进行下载。下载完成后,双击安装程序并按照指示完成安装过程。 2. 配置:在打开VSCode之前,你可以根据个人喜好进行一些配置。比如选择合适的主题、字体、颜色等等。可以通过点击左上角的“文件”菜单,再选择“首选项”进行配置。 3. 打开项目:在VSCode中,你可以打开一个已存在的项目或者创建一个新项目。点击左上角的“文件”菜单,再选择“打开文件夹”来打开一个已存在的项目。如果要创建新项目,选择“新建文件夹”并命名即可。 4. 编写代码:在VSCode中编写代码非常方便。可以在编辑器中的空白区域右键点击,选择“新建文件”来创建新文件。编写代码时,VSCode会自动进行代码补全,并具有代码高亮功能,使代码更易于阅读。 5. 调试代码:VSCode还提供了强大的调试功能。可以通过点击左侧的调试按钮(有一个小虫子的图标)来打开调试视图。在调试视图中,可以设置断点、单步执行代码等,帮助我们快速定位和解决问题。 6. 使用插件:VSCode通过插件系统可以扩展其功能。你可以通过点击左侧的扩展按钮(有一个方块和一个箭头的图标),在插件商店中搜索和安装各种插件来增强编辑器的功能。 7. 版本控制:如果你的项目使用了版本控制系统(如Git),VSCode也提供了对版本控制的支持。可以通过点击左侧的源代码管理按钮(有三个方块的图标)来管理和提交代码。 这只是一个简单的VSCode前端使用教程,希望能帮助你更好地利用该工具进行前端开发。当然,VSCode还有很多其他功能和技巧,你可以通过查阅官方文档和在线教程来深入学习和掌握。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值