当前位置: 萬仟网 > IT编程>网页制作>CSS > vue使用kkfileview文件预览功能

vue使用kkfileview文件预览功能

2020年01月14日  | 萬仟网IT编程  | 我要评论

1.环境要求:

  java 1.8+

2.部署运行:

  本机以及虚拟机上运行:

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

    2.解压kkfileview-2.x.x.zip包

    3.打开解压后文件夹的bin目录,运行startup脚本(windows下以管理员身份运行startup.bat,linux以root用户运行startup.sh

    4.浏览器访问本机8012端口( )即可看到项目演示用首页

3.项目实施:

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

 

  <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文档:

  https://gitee.com/kekingcn/file-online-preview/wikis/home?sort_id=1444366

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
Copyright © 2017-2020  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com