【1】主题思想：我们把文档通过openoffice转换为pdf格式再通过pdfobject.js回显即可。
【2】框架是：springboot。
【3】下载openoffice，并打开。
【4】引入必须的依赖。
【5】编写代码。

文章目录

一、下载openoffice
二、下载pdfObject.js文件
三、引入依赖
四、代码实例
- 4.1.工具类编写
- 4.2.实现接口
- 4.3上传文件页面编写
总结

一、下载openoffice

1.1官方网址:OpenOffice

下载完成，如图，双击安装。

1.2、命令行启动openoffice.

1、进入openoffice安装目录的program，
2、在地址栏输入cmd，enter进入
3、输入命令：soffice -headless -accept=“socket,host=127.0.0.1,port=8100;urp;” -nofirststartwizard
4、输入命令检测是否启动成功：netstat -anop tcp
若有TCP 127.0.0.1：8100 则代表openoffice 已经启动

自此openoffice安装并启动完成。。。。

二、下载pdfObject.js文件

下载地址：pdfobject.js
导入项目并引用即可

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Insert title here</title><script src="../js/pdfobject.js" ></script>
</head>

三、引入依赖

2.1、openoffice依赖

  <dependency><groupId>com.artofsolving</groupId><artifactId>jodconverter-maven-plugin</artifactId><version>2.2.1</version></dependency>

2.2、文件上传依赖

  <dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId><version>1.3.3</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.4</version></dependency>

四、代码实例

4.1.工具类编写

代码如下：pdfUtils.class

public class pdfUtils {//fileAll是要转换的原文件，filePdf是转换后的新文件public static void allToPdf(File fileAll, File filePdf){//连接openofficeOpenOfficeConnection connection = new SocketOpenOfficeConnection(8100);try {connection.connect();//打开连接} catch (ConnectException e) {System.err.println("文件转换出错，请检查OpenOffice服务是否启动。");}// 文件转换DocumentConverter converter = new OpenOfficeDocumentConverter(connection);converter.convert(fileAll, filePdf);//开始转换}
}

4.2.实现接口

代码如下（filePdf.class）：

@Controller
@RequestMapping("/up")
public class filePdf {@RequestMapping("/upload")public String localUpload2(Model model, MultipartFile file, HttpServletRequest request) throws Exception {//获取项目路径的webapp下的file文件夹String path = request.getSession().getServletContext().getRealPath("/file");//没有该文件夹则新建之File f = new File(path);if(!f.exists()){//判断路径是否存在f.mkdirs();}Date date = new Date();//以当前时间作为新文件名称的一部分SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyyMMddHHmmss");String fileName = simpleDateFormat.format(date);/*获取文件名*/String allName = file.getOriginalFilename();System.out.println("allName:"+allName);/*获取扩展名 如.doc*/String extName = allName.substring(allName.lastIndexOf("."));System.out.println("extName:"+extName);//获取上传文件的复制件file.transferTo(new File(path+"/"+fileName+extName));//-----------------------------------------------------------------------//将复制件放在orginalFile中，以便后续删除File originalFile = new File(path+"/"+fileName+extName);//设置最终文件的去处 pdf格式File filePdf = new File(path+"/"+fileName+".pdf");//调用工具类进行格式转换pdfUtils.allToPdf(originalFile,filePdf);//将转换后的删除掉，这是在删除原文件的复制件originalFile.delete();model.addAttribute("msg","ok");
//将文件的相对路径放到model中，以便页面回显model.addAttribute("path","/file/"+fileName+".pdf");//回到原页面进行文件的回显return "/jsp/index2";}
}

4.3上传文件页面编写

<form action="${pageContext.request.contextPath}/up/upload" method="post" enctype="multipart/form-data"><div align="center" style="width: 900px;height:75px;background-color: aliceblue;margin-left: 160px; "><div><table><tr><td width="20%" style="font-size: medium;">上传文件以及预览</td></tr></table></div><span><input type="file" name = "file" value="${name}"></span><input type="submit" value="上传"  /></div>
</form>
<%--用于判断是否有文件转换了，有则回显，无则不显--%>
<c:if test="${msg == 'ok'}"><br><div id="example" style="width:900px;height: 600px;margin-left: 160px;"></div><%-- 调用插件，在example里面显示，path下的pdf文件--%><script type="text/javascript">PDFObject.embed("${path}","#example");</script>
</c:if>

页面展示并选择文件后：

点击上传后出现预览效果：

总结

主要实现方案是：先得到上传文件的复制件，再将复制件转换为pdf格式的文件（借助openoffice进行格式转化）；转换成功后删除复制件并借助pdfObject.js插件预览文件。

基于openoffice+pdfobject.js实现文档上传以及在线预览功能相关推荐

用openoffice+jodconverter+webuploader+pdf.js实现文件上传、在线预览功能
一.背景最近公司一个项目要实现一个文件上传以及多文档在线预览的功能,之前一直做无线工具开发的,没有涉及到这些东西.另外项目组缺java开发人员,而且自己也只是一个半吊子前端加小半吊子java开发人员 ...
文档文件等网页端预览功能
要实现word.ppt.excel.pdf等文档在web应用端预览功能,目前一般做法为: 在页面的显示效果: 主要用的工具: Openoffice4(windows.linux):SWFTools ...
iOS学习：调用相机，选择图片上传，带预览功能
iOS学习:调用相机,选择图片上传,带预览功能发表于2年前(2013-05-30 21:38) 阅读( 18194) | 评论( 16) 27人收藏此文章,我要收藏赞3 8月22日珠海 OSC ...
MFC 基于多文档的打印和打印预览功能的实现
一.基础知识 1 网上有很多的关于打印的程序,一定要看清楚,是基于对话框dialog的打印功能,还是基于文档的打印功能. 如果分不清基于对话框和文档的区别,建议新建一个单文档.多文档和对话框的工程,看 ...
JSP实现word文档的上传，在线预览，下载
前两天帮同学实现在线预览word文档中的内容,而且需要提供可以下载的链接!在网上找了好久,都没有什么可行的方法,只得用最笨的方法来实现了.希望得到各位大神的指教.下面我就具体谈谈自己的实现过程,总结一 ...
java word上传下载_JSP实现word文档的上传，在线预览，下载
前两天帮同学实现在线预览word文档中的内容,而且需要提供可以下载的链接!在网上找了好久,都没有什么可行的方法,只得用最笨的方法来实现了.希望得到各位大神的指教.下面我就具体谈谈自己的实现过程,总结一 ...
【玩转云函数】腾讯云云函数结合金山文档打造轻量级 Office 在线预览服务
以下内容来自「玩转腾讯云」用户原创文章,已获得授权. 本文介绍下如何使用云函数来实现 Office 办公文件的预览 01. 前言曾几何时,文档预览曾经很麻烦,小公司需要购买服务器,自行搭建文件服务器 ...
Java写file文件上传，在线预览思路
需要考虑的 1.存储路径区根据时间进行区分,例如根据年月份存放不同的文件目录/20220303 2.上传的文件为避免文件名相同,文件名存数据库,存储存放的文件名为UUID+后缀(如果不需要在线预览,则 ...
SpringBoot实现PPT格式文件上传并在线预览
1.需要引入依赖 <dependency><groupId>com.itextpdf</groupId><artifactId>itextpdf< ...
文档转成html在线预览,java poi Word文档转为HTML文件实现在线预览功能
Java代码 import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileInputStream; im ...

基于openoffice+pdfobject.js实现文档上传以及在线预览功能

文章目录

一、下载openoffice

二、下载pdfObject.js文件

三、引入依赖

四、代码实例

4.1.工具类编写

4.2.实现接口

4.3上传文件页面编写

总结

基于openoffice+pdfobject.js实现文档上传以及在线预览功能相关推荐

最新文章

热门文章