扩展性强:支持多种文件类型,且易于添加新的文件类型支持或自定义显示模板。
.浏览器访问本机 8012 端口 http://127.0.0.1:8012 即可看到项目演示用首页
docker run -it -p 8012:8012 keking/kkfileview:4.1.0如果网络不畅,可以通过如下方式启动:
wget https://kkfileview.keking.cn/kkFileView-4.1.0-docker.tar docker load -i kkFileView-4.1.0-docker.tar docker run -it -p 8012:8012 keking/kkfileview:4.1.0启动之后,页面如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>堆代码 duidaima.com</title> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script> </head> <body> <script> var url1 = 'http://192.168.43.178:8080/1.csv'; var url2 = 'http://192.168.43.178:8080/2.png'; var url3 = 'http://192.168.43.178:8080/3.doc'; var url4 = 'http://192.168.43.178:8080/4.pdf'; var url5 = 'http://192.168.43.178:8080/5.pptx'; var url6 = 'http://192.168.43.178:8080/6.md'; </script> <button onclick="window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url1)));">csv</button> <br> <button onclick="window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url2)));">png</button> <br> <button onclick="window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url3)));">doc</button> <br> <button onclick="window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url4)));">pdf</button> <br> <button onclick="window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url5)));">pptx</button> <br> <button onclick="window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(url6)));">md</button> <br> </body> </html>url1~url6 是我这里几个不同格式文件的访问地址,调用 kkFileView 的预览接口 http://127.0.0.1:8012/onlinePreview,并将我们的文件 url 作为参数传递进去,就可以预览文件内容了。是不是很简单!