vue使用kkfileview文件预览功能
程序员文章站
2024-01-26 09:41:34
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
上一篇: JS高级---识别正则表达式是否匹配