web项目使用OpenOffice实现前端在线预览office文档(超详细)

超详细的OpenOffice实现前端在线预览office文档记录

最近搞一个数字化共享平台,是一个java web项目,使用框架ssm,其中项目有一个需要在线预览PDF、excle、ppt、word文件的功能,也是各种谷歌百度,乱七八糟,要么就是方法太久远,要么就是教程写得太随意。
现在特意整理一个完整的web项目使用OpenOffice实现前端在线预览office文档功能的教程。

预览ppt效果图如下:
这里写图片描述

2.实现过程

1.准备环境+工具

1.openoffice工具。下载链接
2.JODConverter文件转换器。下载链接
3.下载并安装SWFTools工具:下载链接 下载exe文件安装完成即可。
4.下载FlexPlayer工具:下载链接
5.下载cos.jar包:下载链接

工具图示:
这里写图片描述

3.在线预览功能实现

一、实现文档在线预览的思路 :
1.用OpenOffice把PPT、Word、Excel、Text、PDF等转换为pdf文件。

2.用SWFTool 将生成的xxx.pdf转换成xxx.swf,然后利用FlexPlayer实现在线预览播放的效果。

二、具体代码:

1.eclipse新建web项目:
顺便建立以下几个文件。图示:
这里写图片描述

2.导入所需的jar包:
阅读下载的jodconverter-2.2.2文件的lib目录下的DEPENDENCIES.txt。
就可以知道需要添加哪些jar包,其次,使用的是cos进行文档上传,将FlexPaper.zip解压后的js目录引入到项目中,FlexPaperViewer.swf也引入进来(如上面那图)。

图示:
这里写图片描述

3.写DocConverter.java代码:
这里直接贴源码,需要修改2个地方,对应你自己的路径。
代码如下:

package com.zout;  

import java.io.BufferedReader;  
import java.io.File;  
import java.io.IOException;  
import java.io.InputStream;  
import java.io.InputStreamReader;  

import com.artofsolving.jodconverter.DocumentConverter;  
import com.artofsolving.jodconverter.openoffice.connection.OpenOfficeConnection;  
import com.artofsolving.jodconverter.openoffice.connection.SocketOpenOfficeConnection;  
import com.artofsolving.jodconverter.openoffice.converter.OpenOfficeDocumentConverter;  

public class DocConverter {  
    private static final int environment = 1;// 环境1:windows,2:linux(涉及pdf2swf路径问题)  
    private String fileString;  
    private String outputPath = "";// 输入路径,如果不设置就输出在默认位置(可不修改)  
    private String fileName;  
    private File pdfFile;  
    private File swfFile;  
    private File docFile;  

    public DocConverter(String fileString) {  
        ini(fileString);  
    }  

    /* 
     * 重新设置 file @param fileString 
     */  
    public void setFile(String fileString) {  
        ini(fileString);  
    }  

    /* 
     * 初始化 @param fileString 
     */  
    private void ini(String fileString) {  
        this.fileString = fileString;  
        fileName = fileString.substring(0, fileString.lastIndexOf("."));  
        docFile = new File(fileString);  
        pdfFile = new File(fileName + ".pdf");  
        swfFile = new File(fileName + ".swf");  
    }  

    /* 
     * 转为PDF @param file 
     */  
    private void doc2pdf() throws Exception {  
        if (docFile.exists()) {  
            if (!pdfFile.exists()) {  
                OpenOfficeConnection connection = new SocketOpenOfficeConnection(8100);  
                try {  
                    connection.connect();  
                    DocumentConverter converter = new OpenOfficeDocumentConverter(connection);  
                    converter.convert(docFile, pdfFile);  
                    // close the connection  
                    connection.disconnect();  
                    System.out.println("****pdf转换成功,PDF输出:" + pdfFile.getPath() + "****");  
                } catch (java.net.ConnectException e) {  
                    // ToDo Auto-generated catch block  
                    e.printStackTrace();  
                    System.out.println("****swf转换异常,openoffice服务未启动!****");  
                    throw e;  
                } catch (com.artofsolving.jodconverter.openoffice.connection.OpenOfficeException e) {  
                    e.printStackTrace();  
                    System.out.println("****swf转换器异常,读取转换文件失败****");  
                    throw e;  
                } catch (Exception e) {  
                    e.printStackTrace();  
                    throw e;  
                }  
            } else {  
                System.out.println("****已经转换为pdf,不需要再进行转化****");  
            }  
        } else {  
            System.out.println("****swf转换器异常,需要转换的文档不存在,无法转换****");  
        }  
    }  

    /* 
     * 转换成swf 
     */  
    @SuppressWarnings("unused")
    private void pdf2swf() throws Exception {  
        Runtime r = Runtime.getRuntime();  
        if (!swfFile.exists()) {  
            if (pdfFile.exists()) {  
                if (environment == 1)// windows环境处理  
                {  
                    try {  
                        // 这里根据SWFTools安装路径需要进行相应更改  修改2
                        Process p = r.exec("D:/SWFTools/pdf2swf.exe " + pdfFile.getPath() + " -o " + swfFile.getPath() + " -T 9");  
                        System.out.print(loadStream(p.getInputStream()));  
                        System.err.print(loadStream(p.getErrorStream()));  
                        System.out.print(loadStream(p.getInputStream()));  
                        System.err.println("****swf转换成功,文件输出:" + swfFile.getPath() + "****");  
                        if (pdfFile.exists()) {  
                            pdfFile.delete();  
                        }  
                    } catch (Exception e) {  
                        e.printStackTrace();  
                        throw e;  
                    }  
                } else if (environment == 2)// linux环境处理  
                {  
                    try {  
                        Process p = r.exec("pdf2swf " + pdfFile.getPath() + " -o " + swfFile.getPath() + " -T 9");  
                        System.out.print(loadStream(p.getInputStream()));  
                        System.err.print(loadStream(p.getErrorStream()));  
                        System.err.println("****swf转换成功,文件输出:" + swfFile.getPath() + "****");  
                        if (pdfFile.exists()) {  
                            pdfFile.delete();  
                        }  
                    } catch (Exception e) {  
                        e.printStackTrace();  
                        throw e;  
                    }  
                }  
            } else {  
                System.out.println("****pdf不存在,无法转换****");  
            }  
        } else {  
            System.out.println("****swf已存在不需要转换****");  
        }  
    }  

    static String loadStream(InputStream in) throws IOException {  
        int ptr = 0;  
        //把InputStream字节流 替换为BufferedReader字符流
        BufferedReader reader = new BufferedReader(new InputStreamReader(in));  
        StringBuilder buffer = new StringBuilder();  
        while ((ptr = reader.read()) != -1) {  
            buffer.append((char) ptr);  
        }  
        return buffer.toString();  
    }  

    /* 
     * 转换主方法 
     */  
    @SuppressWarnings("unused")
    public boolean conver() {  
        if (swfFile.exists()) {  
            System.out.println("****swf转换器开始工作,该文件已经转换为swf****");  
            return true;  
        }  

        if (environment == 1) {  
            System.out.println("****swf转换器开始工作,当前设置运行环境windows****");  
        } else {  
            System.out.println("****swf转换器开始工作,当前设置运行环境linux****");  
        }  

        try {  
            doc2pdf();  
            pdf2swf();  
        } catch (Exception e) {  
            // TODO: Auto-generated catch block  
            e.printStackTrace();  
            return false;  
        }  

        if (swfFile.exists()) {  
            return true;  
        } else {  
            return false;  
        }  
    }  

    /* 
     * 返回文件路径 @param s 
     */  
    public String getswfPath() {  
        if (swfFile.exists()) {  
            String tempString = swfFile.getPath();  
            tempString = tempString.replaceAll("\\\\", "/");  
            return tempString;  
        } else {  
            return "";  
        }  
    }  

    /* 
     * 设置输出路径 
     */  
    public void setOutputPath(String outputPath) {  
        this.outputPath = outputPath;  
        if (!outputPath.equals("")) {  
            String realName = fileName.substring(fileName.lastIndexOf("/"), fileName.lastIndexOf("."));  
            if (outputPath.charAt(outputPath.length()) == '/') {  
                swfFile = new File(outputPath + realName + ".swf");  
            } else {  
                swfFile = new File(outputPath + realName + ".swf");  
            }  
        }  
    }  

    public static void main(String s[]) {  
        //修改1-不支持中文路径和中文文档
        DocConverter d = new DocConverter("D://testfile/test.pptx");  
        d.conver();  
    }  
}  

这个java类主要是用来实现调用 OpenOffice把PPT、Word、Excel、Text转换为pdf,然后调用SWFTool将生成的pdf转换成swf文件。

本java文件可以单独运行,运行结果:
这里写图片描述

4.写documentUpload.jsp :
因为是做web项目,所以写jsp文件来显示前端显示在线预览功能。
代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>文档在线预览系统</title>  
        <style>  
body {  
    margin-top: 100px;  
    background: #fff;  
    font-family: Verdana, Tahoma;  
}  

a {  
    color: #CE4614;  
}  

#msg-box {  
    color: #CE4614;  
    font-size: 0.9em;  
    text-align: center;  
}  

#msg-box .logo {  
    border-bottom: 5px solid #ECE5D9;  
    margin-bottom: 20px;  
    padding-bottom: 10px;  
}  

#msg-box .title {  
    font-size: 1.4em;  
    font-weight: bold;  
    margin: 0 0 30px 0;  
}  

#msg-box .nav {  
    margin-top: 20px;  
}  
</style>  
    </head>  
    <body>  
        <div id="msg-box">  
            <form name="form1" method="post" enctype="multipart/form-data" action="docUploadConvertAction.jsp">  
                <div class="title">  
                    请上传要处理的文件,上传过程可能需要几分钟,请耐心等待。  
                </div>  
                <p>  
                    <input name="file1" type="file">  
                </p>  
                <p>  
                    <input type="submit" name="Submit" value="上传">  
                </p>  
            </form>  
        </div>  
    </body>  
</html>  

这是用来提供上传文件的界面。

5.写docUploadConvertAction.jsp:

代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page import="java.io.*"%>  
<%@page import="java.util.Enumeration"%>  
<%@page import="com.oreilly.servlet.MultipartRequest"%>  
<%@page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy"%>  
<%@page import="com.zout.DocConverter"%>  
<%  
    //文件上传采用cos组件上传,可更换为commons-fileupload上传,文件上传后,保存在upload文件夹  
    //获取文件上传路径  
    String saveDirectory = application.getRealPath("/") + "upload";  
    //打印上传路径信息  
    System.out.println(saveDirectory);  
    //每个文件最大50m  
    int maxPostSize = 50 * 1024 * 1024;  
    //采用cos缺省的命名策略,重名后加1,2,3...如果不加dfp重名将覆盖  
    DefaultFileRenamePolicy dfp = new DefaultFileRenamePolicy();  
    //response的编码为"UTF-8",同时采用缺省的文件名冲突解决策略,实现上传,如果不加dfp重名将覆盖  
    //MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize, "UTF-8", dfp);  
    MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize,"UTF-8");  
    //输出反馈信息  
    Enumeration files = multi.getFileNames();  
    while (files.hasMoreElements()) {  
        System.err.println("ccc");  
        String name = (String) files.nextElement();  
        File f = multi.getFile(name);  
        if (f != null) {  
            String fileName = multi.getFilesystemName(name);  
            //获取上传文件的扩展名  
            String extName = fileName.substring(fileName.lastIndexOf(".") + 1);  
            //文件全路径  
            String lastFileName = saveDirectory + "\\" + fileName;  
            System.out.println(fileName);  
            //获取需要转换的文件名,将路径名中的'\'替换为'/'  
            String converfilename = saveDirectory.replaceAll("\\\\", "/") + "/" + fileName;  
            System.out.println(converfilename);  
            //调用转换类DocConverter,并将需要转换的文件传递给该类的构造方法  
            DocConverter d = new DocConverter(converfilename);  
            //调用conver方法开始转换,先执行doc2pdf()将office文件转换为pdf;再执行pdf2swf()将pdf转换为swf;  
            d.conver();  
            //调用getswfPath()方法,打印转换后的swf文件路径  
            System.out.println(d.getswfPath());  
            //生成swf相对路径,以便传递给flexpaper播放器  
            String swfpath = "upload" + d.getswfPath().substring(d.getswfPath().lastIndexOf("/"));  
     /*       String[] namelist = fileName.split("\\.");
            String swfpath = "upload/" + namelist[0]+".swf"; */
            System.out.println("------>>>"+swfpath);  
            //将相对路径放入sessio中保存  
            session.setAttribute("swfpath", swfpath);  
            out.println("上传的文件:" + lastFileName);  
            out.println("文件类型" + extName);  
            out.println("<hr>");  
        }  
    }  
%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>Insert title here</title>  
        <style>  
body {  
    margin-top: 100px;  
    background: #fff;  
    font-family: Verdana, Tahoma;  
}  

a {  
    color: #CE4614;  
}  

#msg-box {  
    color: #CE4614;  
    font-size: 0.9em;  
    text-align: center;  
}  

#msg-box .logo {  
    border-bottom: 5px solid #ECE5D9;  
    margin-bottom: 20px;  
    padding-bottom: 10px;  
}  

#msg-box .title {  
    font-size: 1.4em;  
    font-weight: bold;  
    margin: 0 0 30px 0;  
}  

#msg-box .nav {  
    margin-top: 20px;  
}  
</style>  
    </head>  
    <body>  
        <div>  
            <form name="viewForm" id="form_swf" action="documentView.jsp" method="POST">  
                <input type='submit' value='预览' class='BUTTON SUBMIT' />  
            </form>  
        </div>  
    </body>  
</html>  

这是用来提供一个预览文件的按钮。

6.写documentView.jsp:
代码如下:
这个有一个地方需要根据自己的环境修改。在头部。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
<%  
    //String swfFilePath = session.getAttribute("swfpath").toString();  
//修改3
    String swfFilePath = "upload/test.swf";
%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <script type="text/javascript" src="js/jquery.js"></script>  
        <script type="text/javascript" src="js/flexpaper_flash.js"></script>  
        <script type="text/javascript" src="js/flexpaper_flash_debug.js"></script>  
        <style type="text/css" media="screen">  
html,body {  
    height: 100%;  
}  

body {  
    margin: 0;  
    padding: 0;  
    overflow: auto;  
}  

#flashContent {  
    display: none;  
}  
</style>  
        <title>文档在线预览系统</title>  
    </head>  
    <body>  
        <div style="position: absolute; left: 50px; top: 10px;">  
            <a id="viewerPlaceHolder" style="width: 820px; height: 650px; display: block"></a>  
            <script type="text/javascript">   
                var fp = new FlexPaperViewer(     
                         'FlexPaperViewer',  
                         'viewerPlaceHolder', { config : {  
                         SwfFile : escape('<%=swfFilePath%>'),  //编码设置  
                         Scale : 0.6,   
                         ZoomTransition : 'easeOut',//变焦过渡  
                         ZoomTime : 0.5,  
                         ZoomInterval : 0.2,//缩放滑块-移动的缩放基础[工具栏]  
                         FitPageOnLoad : true,//自适应页面  
                         FitWidthOnLoad : true,//自适应宽度  
                         FullScreenAsMaxWindow : false,//全屏按钮-新页面全屏[工具栏]  
                         ProgressiveLoading : false,//分割加载  
                         MinZoomSize : 0.2,//最小缩放  
                         MaxZoomSize : 3,//最大缩放  
                         SearchMatchAll : true,  
                         InitViewMode : 'Portrait',//初始显示模式(SinglePage,TwoPage,Portrait)  

                         ViewModeToolsVisible : true,//显示模式工具栏是否显示  
                         ZoomToolsVisible : true,//缩放工具栏是否显示  
                         NavToolsVisible : true,//跳页工具栏  
                         CursorToolsVisible : false,  
                         SearchToolsVisible : true,  
                            PrintPaperAsBitmap:false,  
                         localeChain: 'en_US'  
                         }});  
            </script>  
        </div>  
    </body>  
</html>  

这是用来设置预览插件的各种参数。
FlexPaperViewer参数设置对应说明文档:http://flexpaper.devaldi.com/docs_parameters.jsp
修改的地方:
这里写图片描述


上面的东西都弄好以后,我们就准备开始启动web项目了。

7.启动openoffice服务:

用以下命令启动OpenOffice服务
Windows下win+R 输入CMD启动dos窗口:

cd D:\Program Files (x86)\OpenOffice 4\program
soffice -headless -accept="socket,host=127.0.0.1,port=8100;urp;" -nofirststartwizard 

inux下:终端命令

cd /opt/openoffice4/program 

 ./soffice "-accept=socket,host=localhost,port=8100;urp;StarOffice.ServiceManager" -nologo -headless -nofirststartwizard &

我的是Windows环境下,图示:
这里写图片描述

8.tomcat部署运行web项目:
浏览器输入地址:
http://localhost:8080/OpenOfficeDemo/documentUpload.jsp
即可访问系统。

如果你发现你的文档显示一直在加载状态,没有出现文档内容。
如图:
这里写图片描述

解决办法:
这是以为你tomcat服务器下没有我们转换的那个swf文件。
需要把转换以后的swf文件手动复制到tomcat服务器编译路径下:
路径在:

你的eclipse的工作空间\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\Test_Web\upload

Test_Web是我的项目名称。对应你自己的。把由java文件转换得到的swf文件复制都这个路径下。

图示:
这里写图片描述

再次运行web项目,输入地址访问,即可查看ppt内容。
效果如图:
这里写图片描述

以上就是整个web项目使用OpenOffice实现前端在线预览office文档的超详细记录。
写这个的目的就是为了记录一下怎么操作的。毕竟关于在线预览的功能,以后肯定还会遇到。

经过检查,office系列文档ppt,pptx,xls,xlsx,doc,docx都能够预览。

最后给出一个本项目的jar包下载地址:lib包下载
整个项目源码下载:源码下载

没有积分就留下邮箱。


总结:
1.需要启动openoffice服务。
2.需要先运行java文件,将文件转为swf文件。
3.需要手动复制swf文件到tomcat的服务器下。
4.需要运行web项目,输入地址访问。
5.整个项目中,有三个地方需要根据自身配置来更改。
6.需要导入需要的jar包。


You got a dream, you gotta protect it.
如果你有梦想的话,就要去捍卫它 。 ——《当幸福来敲门》

猜你喜欢

转载自blog.csdn.net/itbiggod/article/details/80300177