【1】主题思想:我们把文档通过openoffice转换为pdf格式再通过pdfobject.js回显即可。
【2】框架是:springboot。
【3】下载openoffice,并打开。
【4】引入必须的依赖。
【5】编写代码。
一、下载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){
//连接openoffice
OpenOfficeConnection 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插件预览文件。