vue在线展示word预览-vue在线word编辑

admin

作者

《开源精选》是我们分享Github、Gitee等开源社区中优质项目vue在线展示word预览的栏目vue在线展示word预览，包括技术、学习、实用与各种有趣vue在线展示word预览的内容。本期推荐的是一个使用spring boot打造的文件文档在线预览项目——kkFileView。

kkFileView是一个使用spring boot打造文件文档在线预览项目解决方案，支持doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4、mp3以及众多类文本如txt、html、xml、java、properties、sql、js、md、json、conf、ini、vue、php、py、bat、gitignore等文件在线预览。

项目特性支持word excel ppt，pdf等办公文档支持txt,java,php,py,md,js,css等所有纯文本支持zip,rar,jar,tar,gzip等压缩包支持jpg，jpeg，png，gif等图片预览（翻转，缩放，镜像）支持mp3，mp4，flv等多媒体文件预览使用spring boot开发，预览服务搭建部署非常简便rest接口提供服务，跨平台特性(java,php,python,go,php，....)都支持，应用接入简单方便支持普通http/https文件下载url、http/https文件下载流url、ftp下载url等多种预览源提供zip，tar.gz发行包，提供一键启动脚本和丰富的配置项，方便部署使用提供Docker镜像发行包，方便在容器环境部署抽象预览服务接口，非常方便添加其他类型文件预览支持

部署指南

1. 环境要求

Java: 1.8+OpenOffice 或 LiberOffice (Windows下已内置，CentOS或Ubuntu下会自动下载安装，MacOS下需要自行安装)

2. 部署运行

2.1 物理机或虚拟机上运行vue在线展示word预览：

从码云发行版本下载最新版发行包解压 kkFileView-x.x.x 文件（Windows用.zip包，Linux/MacOS用.tar.gz包）打开解压后文件夹的 bin目录，运行 startup 脚本（Windows下以管理员身份运行 startup.bat，Linu x以root用户运行 startup.sh）浏览器访问本机 8012 端口 http://127.0.0.1:8012 即可看到项目演示用首页

2.2 Docker容器环境环境运行vue在线展示word预览：

拉取镜像docker pull keking/kkfileview运行docker run -it -p 8012:8012 keking/kkfileview

浏览器访问容器8012端口 http://xxx.xxx.xxx.xxx:8012 就可以看到项目演示用首页。

3. 项目中使用

当您的项目内需要预览文件时，只需要调用浏览器打开本项目的预览接口，并传入需要预览文件的url，示例如下：

3.x.x 版本<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script>var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));2.x.x 及以下版本var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(previewUrl));

预览展示文本预览

支持所有类型的文本文档预览，由于文本文档类型过多，无法全部枚举，默认开启的类型如下 txt,html,htm,asp,jsp,xml,json,properties,md,gitignore,log,java,py,c,cpp,sql,sh,bat,m,bas,prg,cmd，文本预览效果如下：