![](https://img-blog.csdnimg.cn/acec9e637040415c8f2d2e8c273ca6e6.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
文档在线预览
文章平均质量分 97
整理和总结文档在线预览的实现方式
知北游z
一位梦想造火箭的螺丝工,沟通交流可联系:1248525687@qq.com
展开
-
java接口返回图片或pdf如何设置在线预览还是下载
之前文章说到了如何通过将文件转成图片或者pdf来实现在线预览,一般来说在线预览图片或者pdf都是存储在图片服务器上的,在通过接口调用把文件返回给前端,但是把文件返回给前端效果一般是有两种:在线预览和下载。那这两种效果分别又该怎么实现呢?我们今天就来说这两种效果的实现。下面是之前转成图片、pdf实现线预览,有兴趣的小伙伴可以看看。原创 2023-06-14 23:50:09 · 4086 阅读 · 6 评论 -
文档在线预览 总结篇
四个在线预览的方式的实现和效果可以说是各有千秋,但或多或少也都存在一定的问题,比如转图片的都是存在要处理多图片的问题,转html存在复杂样式丢失的问题,纯前端实现存在前端开发量较大、除了图片、pdf外其他格式的预览效果不尽完美的问题。原创 2023-05-28 01:00:18 · 2563 阅读 · 2 评论 -
文档在线预览(五)在服务器部署组件来实现在线预览
kkfileview是一个开源的文件文档在线预览项目解决方案。该项目使用流行的spring boot搭建,易上手和部署以及二次开发,并提供Docker镜像发行包,方便在容器环境部署。基本支持主流办公文档的在线预览。支持word excel ppt,pdf等办公文档支持txt,java,php,py,md,js,css等所有纯文本支持zip,rar,jar,tar,gzip等压缩包支持jpg,jpeg,png,gif等图片预览(翻转,缩放,镜像)支持mp3,mp4,flv等多媒体文件预览。原创 2023-06-24 07:30:00 · 4496 阅读 · 5 评论 -
文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览
本文主要介绍了word、excel、pdf、ppt等文件纯前端实现在线预览的方式,从本文的测试情况来看前端实现预览最好的效果还是PDF(或者是图片),不会出现一些文字错乱和乱码的问题,所以一般好的方案就是后端配合将不同格式的文件转换成pdf,转成统一的文件格式,再由前端实现预览效果,这样能保留文件的一些样式的效果,同时前端也只用支持一种文件格式的预览,工作量也能大大降低。原创 2023-05-27 20:40:56 · 30014 阅读 · 10 评论 -
文档在线预览(四)将word、txt、ppt、excel、图片转成pdf来实现在线预览
,而且图片格式不是光改后缀就行的,必须要用格式转换器转换。之所以这样做的原因是因为在接下来的多图片转换成一个pdf文件时,往往是不能确保每张图片的长宽比例是一样的,为了确保每张图片都能完整的显示,所以只能调整图片的大小。可以看到ppt内容已经展示完整了,到此其实ppt转pdf功能已经基本实现了,但是显示效果依然不算完美毕竟我们其实想要的是在pdf里和在ppt看的是一样的效果,而且每页ppt的长宽其实都是一样的,所以我就在想能不能设置pdf每页的长宽,把pdf每页的长宽设置成和ppt的长宽一样。原创 2023-05-30 01:17:26 · 2134 阅读 · 4 评论 -
文档在线预览(二)word、pdf、excel文件转html以实现文档在线预览
实现文档在线预览的方式除了上篇文章说的将文档转成图片的实现方式外,还有转成pdf,前端通过pdf.js、pdfobject.js等插件来实现在线预览,以及本文将要说到的将文档转成html的方式来实现在线预览。代码基于 aspose-words(用于word转html),pdfbox(用于pdf转html),所以事先需要在项目里下面两个依赖:原创 2023-05-26 20:30:19 · 4836 阅读 · 2 评论 -
文档在线预览(一)通过将txt、word、pdf、ppt文件转成图片实现在线预览功能
如果不想网页上的文章被复制(没错,说的就是某点),如果想实现文档不需要下载下来就能在线预览查看(常见于文档付费下载网站、邮箱附件预览),该怎么做?常见的做法就是将他们转化成图片。以下代码基于 aspose-words(用于txt、word转图片),pdfbox(用于pdf转图片),封装成一个工具类来实现txt、word、pdf等文件转图片的需求。首先在项目的pom文件里添加下面两个依赖原创 2023-05-26 13:10:09 · 5114 阅读 · 2 评论