落霞与孤鹜齐飞,秋水共长天一色。
百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 互联网 > 技术教程 > 正文

「开源」文件文档在线预览项目解决方案,拿到代码后想干嘛就干嘛

jellybean 2023-05-26 23 浏览 0 评论

一、开源项目简介

为文件文档在线预览解决方案,该项目使用流行的spring boot搭建,易上手和部署,基本支持主流办公文档的在线预览,如doc,docx,xls,xlsx,ppt,pptx,pdf,txt,zip,rar,图片,视频,音频等等。

二、功能概述

特性一览

一键部署,快速接入

  • 支持Windows、Linux平台一键部署,两行js代码就可以接入预览

支持常见文件格式,兼容新版Office文档

  • 支持文本、图片、Office文档、WPS文档、PDF、视频、音频、压缩包等常见文件类型预览

支持多种预览模式灵活切换

  • 支持pdf、懒加载分页图、轮播图片等预览模式动态配置、灵活切换

独立部署,提供restful接口,适用于微服务场景

  • 独立于业务系统外,提供restful http接口,开发语言无关,微服务场景下直接提供在线预览服务

项目特性

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

三、技术选型

环境要求

  1. Java: 1.8+
  2. Maven:3.4+
  3. OpenOffice或LiberOffice(Windows下已内置,CentOS或Ubuntu下会自动下载安装,MacOS下需要自行安装)

四、界面展示

1. 文本预览#

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

2. 图片预览#

支持jpg,jpeg,png,gif等图片预览(翻转,缩放,镜像),预览效果如下

3. word文档预览#

支持doc,docx文档预览,word预览有两种模式:一种是每页word转为图片预览,另一种是整个word文档转成pdf,再预览pdf。两种模式的适用场景如下

  • 图片预览:word文件大,前台加载整个pdf过慢
  • pdf预览:内网访问,加载pdf快
    图片预览模式预览效果如下

    pdf预览模式预览效果如下

4. ppt文档预览#

支持ppt,pptx文档预览,和word文档一样,有两种预览模式
图片预览模式预览效果如下


pdf预览模式预览效果如下

5. pdf文档预览#

支持pdf文档预览,和word文档一样,有两种预览模式
图片预览模式预览效果如下


pdf预览模式预览效果如下

6. excel文档预览#

支持xls,xlsx文档预览,预览效果如下


ps,如碰到excel预览乱码问题,可参考 预览乱码

7. 压缩文件预览#

支持zip,rar,jar,tar,gzip等压缩包,预览效果如下


可点击压缩包中的文件名,直接预览文件,预览效果如下

8. 多媒体文件预览#

理论上支持所有的视频、音频文件,由于无法枚举所有文件格式,默认开启的类型如下
mp3,wav,mp4,flv
如有没有未覆盖全面,可通过配置文件指定多媒体类型
视频预览效果如下


音频预览效果如下

9. CAD文档预览#

支持CAD dwg文档预览,和word文档一样,有两种预览模式
图片预览模式预览效果如下


pdf预览模式预览效果如下

五、开源协议

使用Apache2.0开源协议

六、源码地址

私信回复:在线预览

相关推荐

全栈之路:从零搭建docker+jenkins+node.js自动化部署环境

上两篇全栈之路:前端工程师如何从0开始了解Docker全栈之路:vue-cli3项目从搭建优化到docker部署1、docker部分1.1、docker简介Docker是一个开源的应用容器引...

Vue脚手架(基础+Node.js安装)【vue脚手架教程】

关于VueVue.js(读音:/vju?/,类似于:view)是一套构建用户界面的渐进式框Vue.js的官方网址是:https://cn.vuejs.org/index.html传统的前端开发...

开源Vue后端UI开箱即用解决方案——vuestic-admin

引言这是一个Vue的后端开箱即用UI项目框架,和之前的ReactAdmin类似,它是一个框架,也就意味着它帮你完成了很多公用的部分,你只需要在其基础上进行自己的项目扩展即可。大体上这是由Vue和boo...

用css3实现惊艳面试官的背景即背景动画(高级附源码)

我们传统的前端更多的是用javascript实现各种复杂动画,自从有了Css3transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越容易。这篇...

基于vue-cli4构建vue项目【vue cli搭建】

前提条件:(1)安装node.js(2)安装yarn(3)安装@vue/cliyarnglobaladd@vue/cli通过命令行模式创建一个项目:vuecreatehello-world注...

74、scss 是什么?在 Vue-cli 中的安装使用步骤是?有哪几大特性?

1、基本定义SCSS即是SASS的新语法,是SassyCSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS,SASS是CSS3的一个扩展,...

前端基础学习:Vue2.0实现移动端外卖平台项目,参考旧版饿了么!

主要依赖基于vue@2.0使用vue-cli@2.0搭建项目框架使用vue-router@2.1进行页面路由切换使用vue-resource@1.0.1进行http请求获取数据mock假数据...

手把手教你深刻理解vue实例的生命周期和钩子函数

虽然经常使用mounted、created等几个钩子函数,但是并没有很系统的将它和生命周期关联一起去理解,这导致我在最近项目里踩了坑。所以现在花点时间,整理一下这方面的知识。转载链接:https://...

记一次Vue3.0技术干货分享会【vue3.0入门】

作者:lulu_up转发链接:https://segmentfault.com/a/1190000022719461前言前面小编也整理了关于Vue3.0的设计原则、入门语法、虚拟Dom、Vue3.0...

Vue3 入门教程 两种方式创建Vue项目【创建一个vue3项目】

脚手架创建#全局重新安装最新版本的 @vue/cliyarnglobaladd@vue/cli@next#ORnpminstall-g@vue/cli@next#要...

打造vuecli3+element后台管理系统(三)优化路由和vuex仓库

我们在做后台系统的时候,经常会有比较多的功能页面,每个页面或多或少都会有需要存储在vuex中的数据,一般情况下我们会在state下定义不同的object,但是当功能一多,全部字段和action、mut...

2021年到了,Vue 3准备好了吗?【vue3正式发布了吗】

Vue3.0图/v3.cn.vuejs.org经历了两年多的开发,Vue3.0终于在2020年9月18日发布[1]。2021年年初,我抱着尝鲜的想法用Vue3及其生态编写了一个企业应用的管理后...

vue3学习第一步-创建vue3项目【vue3新建项目】

使用vue-cli创建vue3初始化项目介绍:1.创建一个vue3目录,安装vue-cli,vue-cli的版本4.0以上。cnpminstall@vue/cli(电脑已存在vue2不用cnp...

非常优秀vue开源框架Vuetify最新版本1.5.14【vue开发框架使用实例】

简介VuetifyStar数为19K+,提供了80多个Vue.js组件,这些组件是根据谷歌MaterialDesign指南实现的。开箱即用的项目脚手架,Vuetify已预先制作了8...

基于 vue3.x+vant3.x 搭建示例项目【搭建网站】

今天给大家分享一些如何使用Vue3.0+Vant3搭建demo项目。目前市面上有关vue3的项目并不多,vue3的UI组件库有ant-design-vue和vant-ui。接下来讲解下使用vue3、v...

取消回复欢迎 发表评论: