vue使用kkfileview文件预览功能

时间 2020-01-14

标签 vue 使用 kkfileview 文件预览功能繁體版

原文原文链接

1.环境要求：java

　　java 1.8+git

2.部署运行：浏览器

　　本机以及虚拟机上运行：url

　　　　1.从https://gitee.com/kekingcn/file-online-preview/releases地址下载最新的版发行包spa

　　　　2.解压kkFileView-2.x.x.Zip包code

　　　　3.打开解压后文件夹的bin目录，运行startup脚本（Windows下以管理员身份运行startup.bat，Linux以root用户运行startup.sh）ip

　　　　4.浏览器访问本机8012端口（http://127.0.0.1:8012 ）便可看到项目演示用首页文档

3.项目实施：部署

　　在文件上传组件后配置预览选项get

　　<span @click='preView'>预览</span>

　　点击方法

　　preView(){

　　　var originUrl = 'http://127.0.0.1:8080/filedownload?fileId=1'; //要预览文件的访问地址

　　　var previewUrl = originUrl + '&fullfilename='+文件名称

　　　window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(previewUrl));

　　}

4.kkFileView文档：