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.
如果你有夢想的話,就要去捍衛它 。 ——《當幸福來敲門》

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章