在线预览解决方案
图
在很多业务场景中都有文件、附件,可能存在想直接预览的情况,用于提升用户的使用体验,更加便捷的获取到文件的信息,而不需要繁琐的操作,解决方案为网上开源的一个kkFileView项目

说明

这是个单独的文件预览系统,如果要接入到自己的项目使用,需要先部署kkFileView项目,然后把自己项目中的URL请求到kkFileView项目进行转流,实现文件预览功能

相关地址

kkFileView官方地址
kkFileView项目Gitee地址
kkFileView项目文档
体验地址

教程

注意:本文测试版本为kkFileView-4.0.0

官方安装教程

  1. 码云发行版本 下载最新版发行包
  2. 解压kkFileView-2.x.x.zip包.
  3. 打开解压后文件夹的bin目录,运行startup脚本(Windows下以管理员身份运行startup.bat,Linux以root用户运行startup.sh)
  4. 浏览器访问本机8012端口(http://127.0.0.1:8012 )即可看到项目演示用首页

URL预览

试了下官方的教程发现浏览器没有base64Encode()方法,改为浏览器原生base64方法

let url = 'https://oss.aroundme.tv/servlet/file/1646277259204.docx'
window.open('http://127.0.0.1:8012/onlinePreview?url=' + encodeURIComponent(window.btoa(url)))