Office设计神器,kkfileview完美实现快速在线预览

访客 3C数码 1.0W+
"list+kkfileview是Microsoft Office中的一款功能强大的文件视图,它能够快速在线预览编辑过的文档。无论您是在编辑Word文档还是Excel表格,都能轻松找到需要查看的内容,并在查看过程中进行任何调整。用户体验极佳,无论是文档布局、字体颜色还是边框大小,都能得到精细的控制。list+kkfileview还支持多种格式的PDF输出,使得文档在打印时也能呈现出最佳效果。", ,list+kkfileview是一款功能强大且直观的在线预览工具,可以满足各类Microsoft Office用户的需求。

Docker已经安装了list和kkfileview,网上有很多具体的安装教程,就不赘述了。

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

第一步:

列表背景设置>预览> iframe预览更改为空:

这里的目的是取消您自己的office文档的预览。我建议你在删除之前备份一下代码,以防万一还能恢复。

第二步

列表后台管理>全局>定制内容修改为以下代码(代码中http://127.0.0.1:8012/修改为kkfileview服务的实际地址,保存!

& lt脚本type = " text/JavaScript " src = " http://127 . 0 . 0 . 1:8012 script > ">脚本> & quottitle = & quot/js/base64 . min . js ">脚本> & quot>/js/base64 . min . js ">脚本> & quot>脚本> & quot>/js/base64 . min . js ">脚本> & quot>脚本> & quottitle = & quot/js/base64 . min . js ">脚本> & quot>/js/base64 . min . js "> script > " >/js/base64 . min . js " >脚本>& gt脚本& gt" title = "/js/base64 . min . js " >脚本>& gt/js/base64 . min . js " >脚本>& gt脚本& gt" & gt/js/base64 . min . js " >脚本& gt" & gt脚本>title = "/js/base64 . min . js " >脚本& gt" & gt/js/base64 . min . js " >脚本& gt

& ltscript type = " text/JavaScript " src = " http://127 . 0 . 0 . 1:8012/script > ">脚本> & quottitle = & quotjs/MD5 . js ">脚本> & quot> js/MD5 . js ">脚本> & quot>脚本> & quot> js/MD5 . js ">脚本> & quot>脚本> & quottitle = & quotjs/MD5 . js ">脚本> & quot> js/MD5 . js "> script>">js/md5.js " >脚本>& gt脚本& gt" >脚本>& gtjs/md5.js " >脚本>& gt脚本& gt" & gtjs/md5.js " >脚本& gt" & gt脚本>title = " js/MD5 . js " >脚本& gt" & gtjs/md5.js " >脚本& gt

& lt脚本& gt

setInterval(function () {

let index = location . href . lastindexof(' . ');

if(index <0) {

返回;

}

let suffix = location . href . tolowercase()。子串(索引+1);

如果(!['doc ',' docx ',' xls ',' xlsx ',' ppt ',' pptx ',' pdf ',' zip ',' psd ',' wps ',' epub ',' dwg ',' rar']。包括(后缀)){

返回;

}

let down _ link = document . query selector(" a[type = ' button ']");

if (down_link == null) {

返回;

}

设tmp _ link = document . getelementbyid(" tmp _ link ");

让href

if(down _ link . href . index of(location . host)>-1) {

href = ' http://127 . 0 . 0 . 1:8012/online preview?URL = '+encodeURIComponent(base64 . encode(down _ link . href));

}否则{

href = ' http://127 . 0 . 0 . 1:8012/online preview?url=' +

encode uri component(base64 . encode(down _ link . href+' &full filename = '+hex MD5(location . href)+' . '+后缀));

}

if (tmp_link!= null) {

tmp _ link.href = href

返回;

}

tmp _ link = document . createelement(' a ');

Tmp _ link.text = ' preview

tmp _ link.target = ' _ blank

tmp _ link.id = ' tmp _ link

tmp _ link . class name = down _ link . class name;

tmp _ link.href = href

down _ link . parent node . appendchild(tmp _ link);

}, 1000);

脚本& gt

注意:如果你的list是https访问的,kkfileview也要设置成逆向生成,而且必须是https才能正常工作。

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

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

支持以下格式:

如果您想要的文件没有预览功能,首先检查其上是否有支持的格式,然后在代码中插入您想要的格式:

预览效果,psd文件多了一个预览按钮预览效果,psd文件有预览按钮。

各种表格文档不在话下各种表格和文件就更不用说了。

当然,偶尔也会抽风当然,我偶尔会抽搐。

这也是在国外g点上收集的教程。感谢原博主的努力,找不到地址。我只是拿着它。

标签: 在线

抱歉,评论功能暂时关闭!