vue使用kkfileview文件预览功能

2020-01-13 16:01:23来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

vue使用kkfileview文件预览功能

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端口(http://127.0.0.1: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


原文链接:https://www.cnblogs.com/myadressboke/p/12188086.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:vs code使用指南

下一篇:doctype的意思