Alist+kkfileview完美实现办公设计文件快速在线预览

2024-07-17 13:48:13 15点赞 159收藏 16评论

最新提醒:kkfileview据说有些安全漏洞,也很长时间没更新了,不建议在公网使用。


docker安装好Alist和kkfileview,具体安装教程网上大把,不赘述了。

本文可以实现Alist在线预览各种办公文档,以及psd、dwg等设计文件,zip,tar等压缩包也能在线预览。虽然alist能预览一些办公文件,但是还是不方便,支持的格式也不全面。

第一步:

alist后台设置>预览>iframe 预览 修改为空:

Alist+kkfileview完美实现办公设计文件快速在线预览

这里的目的就是为了把自带办公文档的预览给取消,建议你删除之前备份一下代码,以防万一可以恢复的。

第二步

alist后台管理>全局>自定义内容 修改为以下代码(代码中http://127.0.0.1:8012/ 换为kkfileview服务实际地址,保存完事!

Alist+kkfileview完美实现办公设计文件快速在线预览

大妈目前不支持代码块,文本代码写上去有格式问题,各位想办法图像文字识别吧Alist+kkfileview完美实现办公设计文件快速在线预览

Alist+kkfileview完美实现办公设计文件快速在线预览

注意:如果你的alist是https访问的,kkfileview也要设置好反代,也必须是https才能正常使用。

然后ai设计文件无法预览,建议保存其他格式,这有点不完美。

文件比较大预览会比较慢,取决于你服务器网速呀,也容易预览失败

支持如下格式:

Alist+kkfileview完美实现办公设计文件快速在线预览

如果想要的文件没有预览功能,先看下上面是否有支持的格式,然后再在代码里插入你要的格式:

Alist+kkfileview完美实现办公设计文件快速在线预览

预览效果,psd文件多了一个预览按钮Alist+kkfileview完美实现办公设计文件快速在线预览

Alist+kkfileview完美实现办公设计文件快速在线预览

各种表格文档不在话下Alist+kkfileview完美实现办公设计文件快速在线预览

Alist+kkfileview完美实现办公设计文件快速在线预览

当然,偶尔也会抽风Alist+kkfileview完美实现办公设计文件快速在线预览

Alist+kkfileview完美实现办公设计文件快速在线预览

这个也是在国外G站上搜集的教程,感谢原博主的付出,找不到地址了,我这纯属搬运。

展开 收起
16评论

  • 精彩
  • 最新
  • 这有一个问题。其他人有没有不清楚,当外网用域名访问时,kfv无法读取公网的文件链接,这时需要把alist传给kkfv的链接域名修改为内网ip,如: // 修改下载链接 if it contains 你的域名
    let modifiedLink = down_link.href.includes("你的域名")
    ? down_link.href.replace("你的域名", "内网ip")
    : down_link.href;

    校验提示文案

    提交
  • 视频呢?有办法预览更多格式的视频吗

    校验提示文案

    提交
    视频没有研究,alist自带常用音视频格式的预览

    校验提示文案

    提交
    收起所有回复
  • 小姐姐保存哪里呢

    校验提示文案

    提交
    你想保存哪里就保存哪里哇

    校验提示文案

    提交
    话说最危险的地方就是最安全的地方。建议存在网警那里,绝对不会丢。

    校验提示文案

    提交
    收起所有回复
  • kkfileview是不是预览office文件原格式预览,而是转图片形式预览?

    校验提示文案

    提交
    内容可复制

    校验提示文案

    提交
    收起所有回复
  • 不建议公网,那局域网有啥实际意义和用途?只能用来炫耀会安装这个软件?

    校验提示文案

    提交
    没用意义没有用途你不装就行了。

    校验提示文案

    提交
    收起所有回复
  • @AI小值-电脑数码 docker 是什么

    校验提示文案

    提交
    Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化。

    校验提示文案

    提交
    收起所有回复
  • 代码前几段是不是格式不对,需要事先搭建好kkFileView才行吧。教程不是很全那

    校验提示文案

    提交
  • 这段代码搞死人

    校验提示文案

    提交
    4.4.0 搞不定,请辛苦把代码发一下

    校验提示文案

    提交
    收起所有回复
  • 还有两句:let encodedUrl = Base64.encode(modifiedLink);
    let previewUrl = `去看看:8012/onlinePreview?url=${encodeURIComponent(encodedUrl)}`;

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
159
扫一下,分享更方便,购买更轻松