線上預覽實現簡介：

    過程分為：1、使用OpenOffice（JODConverter）將不同型別的附件轉換為.pdf字尾的檔案（PDF）；

                      2、使用SwfTools將pdf檔案轉換為swf檔案;

                      3、使用FlexPaper 在jsp中預覽swf檔案；

注意：此過程不包含檔案的上傳下載部分程式碼說明；

本文的系統環境為 windows

Linux我會在下篇部落格中進行說明（不同點也就是在安裝openoffice和swftools上的不同，在Linux比較麻煩容易出現很多小問題）

由於本人經驗有限，如有紕漏和不足 多多批評；

在此過程中遇到的問題以及解決方法，下面將進行詳細解析:(該文可能會隨時更新)

首先第一步（安裝包下載以及安裝）：

1.openoffice是Apache下的一個開放免費的文書處理軟體

2.SWFTools是一組用來處理Flash的swf檔案的工具包，我們使用它將pdf檔案轉成swf檔案!

3.FlexPaper是一個開源輕量級的在瀏覽器上顯示各種文件的元件（下載下來後解壓即可）

將所下載的檔案進行安裝（除了FlexPaper），碟符可設定！需要說明一下openOffice

安裝openoffice（第三方工具） 使用的版本為4.1.2

openoffice.org是一套sun的開源office辦公套件，能在widows，linux，solaris等作業系統上執行

可以將word、excel、ppt、txt等檔案轉換為pdf檔案；（下載完成後直接安裝即可）

安裝完成後，我們還需要啟動openoffice server。有兩種做法：

1.以命令列方式啟動openoffice server，缺點是每次系統重啟，都需要手動去把openoffice server啟動。

    2.將openoffice server作為作業系統的服務啟動，既然成為了系統服務，就可以設定開機自動啟動了。

    我們先來看第一種方式，

1.以命令列方式啟動openoffice server

　　在cmd命令下，cd opeonofiice的安裝路徑/program 如：cd C:\Program Files (x86)\OpenOffice 4\program

在這層目錄下執行下面的命令即可

soffice -headless -accept="socket,host=127.0.0.1,port=8100;urp;" -nofirststartwizard

127.0.0.1 :是安裝openOffice的主機可以寫成 指定的ip

2.以系統服務的方式啟動

    這裡我們還需要Windows Resource Kit tools ，將openoffice server設為系統服務。

Windows Resource Kit tools 是微軟專為管理人員、開發人員和高階使用者開發的，包括管理活動目錄、組策略、TCP/IP網路、登錄檔、系統安全、監測等涉及Windows Server 2003 作業系統的其它很多方面的非常規安裝的工具元件。Resource Kit Tools for XP的釋出使得XP使用者也能使用Resource Kit Tools對這些問題進行處理。

  下載windows resource kit tools，我們進行預設安裝。

    1.開啟Windows Resource Kit Tools

    在Command Shell執行以下命令：

 "C:\Program Files\Windows Resource Kits\Tools\instsrv" OpenOfficeUnoServer "C:\Program Files\Windows Resource Kits\Tools\srvany.exe"

開啟 管理工具->服務 可以找到以 OpenOfficeUnoServer 命名的服務

    2.開啟登錄檔尋找以下路徑

    HKEY_LOCAL_MACHINE -> SYSTEM ->ControlSet001 ->Services ->OpenOfficeUnoServer

 　新建項 Parameters，在該項下新增兩個字串值：

　　key:Application

     value:C:\Program Files\OpenOffice.org 3\program\soffice.exe

      key:AppParameters

    value:-invisible -headless -accept=socket,host=127.0.0.1,port=8100;urp;-nofirststartwizard

     3.在服務控制檯啟動 openoffice 服務

      4.在CMD中用以下命令檢視8100是否已被監聽：netstat -anop tcp

這樣OpenOffice3.0就以服務方式執行在Windows系統上了。(使用cmd命令：netstat -aon|findstr 8100檢視8100埠是否工作)

然後可以通過socket方式連線openOffice，以使用openoffice提供的某些服務，如檔案轉換服務，ms office轉pdf等等。

開源專案JODConverter 就是結合openoffice來進行文件轉換的java元件。

另外有一個命令列工具swftools,該工具可以將pdf轉換為swf格式的文件，提供給ie客戶端流覽。    

　　另外，我們可以將該配置用bat檔案來快速實現，執行前請先修改相應目錄引數：

     openoffice service.bat檔案

    "C:\Program Files\Windows Resource Kits\Tools\instsrv" OpenOfficeUnoServer "C:\Program Files\Windows Resource Kits\Tools\srvany.exe"
    reg add HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\services\OpenOfficeUnoServer\Parameters /ve /d
    reg add HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\services\OpenOfficeUnoServer\Parameters /v Application /t REG_SZ /d "C:\Program Files\OpenOffice.org 3\program\soffice.exe"
    reg add HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\services\OpenOfficeUnoServer\Parameters /v AppParameters /t REG_SZ /d "-invisible -headless -accept=socket,host=127.0.0.1,port=8100;urp; -nofirststartwizard"

第二步：開發過程解析（此過程對主要的程式碼進行說明）

  1、 在已有專案中或者新建web專案；

在專案中需要新增引入依賴的jar包以及js檔案，缺少的jar包可自行下載：我習慣在這裡下載http://cn.jarfire.org/

需要的jar包

需要的js檔案swf檔案，此檔案在flexPaper的包中的js資料夾下

將js以及swf檔案，放在專案根目錄的自定義的包下，以便在jsp中引用；

特別說明的是 flexpaper.js需要修改一下，很簡單

修改的目的是因為你所引用的swf檔案，是可以隨意存放在你自定義的資料夾下，保證我們來引用就可以，這裡就是修改的檔案路徑（舉例說明）

到這步基本具備了實現預覽功能的輔助的工具以及第三方包的引入；

2、建立轉換類

     * 轉pdf檔案

       OpenOfficeConnection connection=new SocketOpenOfficeConnection(serviceIp,8100);

//serverIP是openoffice的服務ip，這樣是因為避免openoffice的服務不在同一臺伺服器上

//如果是本地服務這樣 SocketOpenOfficeConnection("127.0.0.1",8100);就可以，

//或者SocketOpenOfficeConnection("127.0.0.1",8100)

     * 轉swf檔案

try { Process p=r.exec(

exePath+" "+pdfFile.getPath()+" -o "+swfFile.getPath()+" -T 9 -t -s storeallcharacters");

Process p=r.exec(

exePath+" "+pdfFile.getPath()+" -o "+swfFile.getPath()+" -T 9 -t -s storeallcharacters");

3 轉碼工具類ChineToUtfUtils目的是因為flexPaper對swf檔案進行預覽載入的時候，檔名會預設轉碼為utf-8（處理後），這樣會導致如果上傳的中文名的檔案預覽失敗，包錯404找不到，就是因為檔名被轉碼；

/**
 * @author liuBf
 * 獲取中文的utf-8編碼值
 *
 */
public class ChineToUtfUtils {
public static String getUtf8(String strInput){
        StringBuffer output = new StringBuffer();
        for (int i = 0; i < strInput.length(); i++)
        {
            output.append(Integer.toString(strInput.charAt(i), 16));
        }
        return output.toString().toUpperCase();
}

4.上傳檔案的程式碼 中呼叫程式碼（主要）

//將文字轉換為swf檔案，用於線上預覽；
DocConverter d=new DocConverter(realpath+fileName);//引數為上傳檔案的路徑以及檔名稱

String exe = swfdatas.get("swf.exe").toString();
String openIp = swfdatas.get("openoffice.ip").toString();

//exe 是我在專案啟動時，自動載入的配置資訊，也就是swfTools的執行檔案路徑

//openIp是openoffice的服務ip
d.conver(fileName,openIp,exe);

如果初步測試可這樣寫(open為本地服務)：

DocConverter d=new DocConverter(realpath+fileName);

d.conver(fileName,"127.0.0.1",“E:/SWFtools/pdf2swf.exe”);//這是swfTools安裝目錄下的exe檔案

//E:/SWFtools/pdf2swf.exe被呼叫後，實現pdf轉swf

也就是說action中值加入這三行程式碼；

上傳檔案成功（同時也生成了swf可預覽的檔案）；

5、點選預覽時呼叫的action程式碼

public String toShowIngOnline(){

//在這裡因為特別原因，我會在資料庫中重新查到上傳檔案的資料（所要預覽的檔案）

//其實在前臺可以直接將要預覽的檔案路徑傳過來 接受就可以了

//這裡可更具具體情況編碼
String fid = request.getParameter("fid");
FilesObject fo = fileManageService.getFileinfoByid(Long.valueOf(fid));
String filename = fo.getFileName().substring(0,fo.getFileName().indexOf(".")).trim();
filename = ChineToUtfUtils.getUtf8(filename);
String directory = "images/uploadFile/"+fo.getAnnexName()+"/"+filename+".swf";
request.getSession().setAttribute("swfpath", directory);  
return SUCCESS;
}

6 建立showingOnline.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
<%  
    String swfFilePath=session.getAttribute("swfpath").toString();
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >  
<html>  
<head> 
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<script type="text/javascript" src="scripts/showOnline/jquery.min.js"></script>  
<script type="text/javascript" src="scripts/showOnline/flexpaper.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 id="viewerPlaceHolder" class="flexpaper_viewer" style="width:1084px;height:560px;"></div> 
          <script type="text/javascript"> 
            $('#viewerPlaceHolder').FlexPaperViewer(     
                    { config : {  
                    SWFFile : escape('<%=swfFilePath%>'),  
                    Scale : 1,   
                    ZoomTransition : 'easeOut',  
                    ZoomTime : 0.5,  
                    ZoomInterval : 0.2,  
                    FitPageOnLoad : false,  
                    FitWidthOnLoad : true,  
                    FullScreenAsMaxWindow : false,  
                    ProgressiveLoading : false,  
                    MinZoomSize : 0.5,  
                    MaxZoomSize : 2,  
                    SearchMatchAll : true,  
                    InitViewMode : 'Portrait',
                    ReaderingOrder :'false',
                    StartAtPage :'',
                    ViewModeToolsVisible : true,  
                    ZoomToolsVisible : true,  
                    NavToolsVisible : true,  
                    CursorToolsVisible : true,  
                    SearchToolsVisible : true,
                    
                    localeChain: 'zh_CN'  
                    }});    
            </script>              
         
</body>  
</html>

7、測試收工

8、FlexPaper api

Flexpaper可能用到如下引數

我經歷的這個懊惱的過程...希望對大家有幫助；

有問題可諮詢我（小民工一個）；

[email protected] 

微博：TactyBOY