欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue使用kkfileview文件预览功能

程序员文章站 2022-05-25 09:49:27
1.环境要求: java 1.8+ 2.部署运行: 本机以及虚拟机上运行: 1.从https://gitee.com/kekingcn/file-online-preview/releases地址下载最新的版发行包 2.解压kkFileView-2.x.x.Zip包 3.打开解压后文件夹的bin目录 ......

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