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

本文链接：https://blog.csdn.net/qq_44952181/article/details/125149070

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

文章目录

一、下载openoffice
二、下载pdfObject.js文件
三、引入依赖
四、代码实例
总结

一、下载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>