最近在專案中要做一個文件的預覽，在網上搜了好多demo,都可以實現其功能，但是放在自己的專案中有點複雜。

先說明本人的開發環境（win7+tomcat7+maven+svn+myeclipse）,接下來最直觀的專案需求，如下圖：

當用戶點選預覽的時候能看各種文件，其實在這裡有兩種思路：

 一：如果你的文件是固定的，就是單純的給使用者進行預覽和下載的，那就是在點選預覽的時候，後臺完成將文件轉換成pdf,再將pdf文件轉換成swf檔案，缺點是效率不好，慢，使用者體驗不好。

 二：就是在上傳文件的時候，直接將文件轉換成pdf,再將pdf轉換成swf檔案，這樣使用者點選預覽的時候只是給一個存放swf檔案的路徑，就能直接展示。

專案中我是採用第二種方式：

 實現過程說明：

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

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

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

實現該功能需要安裝兩個軟體、下載FlexPaper元件

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

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

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

一.基礎操作

將下載的兩個軟體進行安裝，可自定義碟符安裝，oppenoffice是一套sun的開源office辦公套件，能在widows，linux，solaris等作業系統上執行，可以將word、excel、ppt、txt等檔案轉換為pdf檔案；

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

 第一種：以命令的方式啟動，在cmd命令下，進入C:\Program Files (x86)\OpenOffice 4\program的目錄下，輸入命令：

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

就可以啟動成功，但是這種每次服務重啟都要來執行此命令，比較麻煩。

 第二種：以系統服務的方式啟動，此服務需要下載Windows Resource Kit tools，此軟體可以將openoffice server設定成系統服務。

Windows Resource Kit tools是一組為管理員、開發者和高階使用者設計的軟體工具，包括管理活動目錄、組策略、TCP/IP網路、登錄檔、系統安全、監測等涉及Windows Server 2003 作業系統的其它很多方面的非常規安裝的工具組。

下載Windows Resource Kit tools，直接百度輸入Windows Resource Kit tools應該第一個就是點選download就可以，預設安裝即可。

接下來做三個操作：

1.找到Windows Resource Kit tools

在Command Shell中執行以下命令：

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

這裡注意你的路徑，我的是C:\Program Files (x86)\Windows Resource Kits\Tools

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

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

 在OpenOfficeUnoServer上新建“項”Parameters,在Parameters新建字串值Application，添入值：

C:\Program Files (x86)\OpenOffice 4\program\soffice.exe -headless -nofirststartwizard -accept="socket,host=localhost,port=8100;urp;StarOffice.Service"

同樣注意C:\Program Files (x86)\OpenOffice 4的路徑。

3.在服務控制檯啟動 openoffice 服務，也可以在cmd命令中執行netstat -anop tcp，檢視8100是否已被監聽。

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

二.開發中詳細步驟解析

 1.我再專案中用的myEclipse+maven,ssm框架，以下是專案所用的jar包:
次jar包可以在百度搜jodconverter-2.2.2直接下載即可，把這些jar包放在對應的專案lib資料夾中   2.同樣還需要一些js檔案，百度搜FlexPaper_2.1.0官方版本下載即可，將FlexPaper_2.1.0的js中的檔案放在在js/knowleage/common中,另外將FlexPaperViewer.swf放在common的上一級也就是knowleage中，這裡要修改一下原始碼flexpaper.js中

在我的專案中我寫了兩個工具類以便更好的呼叫：

1.DocumentUtil 

package com.elitel.ioms.base.comm.utils;


import java.io.File;


import javax.servlet.http.HttpServletRequest;


public class DocumentUtil {

/**
* 文件工具類，根據上傳的檔案生成pwf和swf檔案。
* @param request
* @param url
*/
public static void topdfAndswf(HttpServletRequest request,String url){
String path = request.getRequestURI();
File f = new File(path+url);
if (f != null) {
String tomcatURL_1 =request.getSession().getServletContext().getRealPath("/");
String tomcatURL_2 = tomcatURL_1.replaceAll("\\\\", "/");
//呼叫轉換類DocConverter,並將需要轉換的檔案傳遞給該類的構造方法
DocConverterUtil d = new DocConverterUtil(tomcatURL_2+url);
//呼叫conver方法開始轉換，先執行doc2pdf()將office檔案轉換為pdf;再執行pdf2swf()將pdf轉換為swf;
d.conver();
}
}

}

2.DocConverterUtil  轉換類

package com.elitel.ioms.base.comm.utils;


import java.io.BufferedInputStream;
import java.io.File;
import java.io.IOException;
import java.io.InputStream;


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;
/**
 * doc docx,ppt,pptx等格式轉換
 * 
 * 
 *
 */
public class DocConverterUtil {
private static final int environment = 1;// 環境 1：Windows 2：Linux
private String fileString;// (只涉及PDF2swf路徑問題)
private String outputPath = "";// 輸入路徑 ，如果不設定就輸出在預設 的位置
private String fileName;
private File pdfFile;
private File swfFile;
private File docFile;


public DocConverterUtil(String fileString) {
ini(fileString);
System.out.println("檔案路徑" + fileString);
}


/**
* * 重新設定file
* 
* @param fileString
*            32.
*/
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 {
//docFile = new File(fileString);
//System.out.println(docFile.exists());
if (docFile.exists()) {
System.out.println("====");
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) {
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 {
Process p = r.exec("E:/tools/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 (IOException 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;
in = new BufferedInputStream(in);
StringBuffer buffer = new StringBuffer();
while ((ptr = in.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) {
e.printStackTrace();
return false;
}
System.out.println("檔案存在嗎？" + swfFile);
if (swfFile.exists()) {
System.out.println("存在");
return true;
} else {
System.out.println("不存在");
return false;
}
}


/**
* 返回檔案路徑       @param     
*/
public String getswfPath() {
if (this.swfFile.exists()) {
String tempString = swfFile.getPath();
tempString = tempString.replaceAll("\\\\", "/");
System.out.println("最後檔案路徑為" + tempString);
return tempString;
} else {
return "檔案不存在";
}
}


/**
* 設定輸出路徑
* 
* @param outputPath
*/
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");
}
}
}
}

接下來就是當你上傳檔案成功的同時，直接呼叫DocumentUtil工具類:

if ("".equals(msg)) {
makeSrvResult.setResultType(ResultType.Ok.getValue());
//上傳成功，同步生成pdf和swf檔案
DocumentUtil.topdfAndswf(request, document.getFilelink());
} else {
makeSrvResult.setResultType(ResultType.AppError.getValue());
makeSrvResult.setStackMsg(msg);
}

其中你要用的就是DocumentUtil.topdfAndswf(request, document.getFilelink());這句程式碼，其中document.getFilelink()這個就是你上傳成功的資料夾路徑，例如：upload/konwleage/file/20171116/20171116_1510815885273.doc，我這裡上傳方法不做解析，而在我們專案中這個資料夾是在tomcat中的，所以在這個DocumentUtil工具類中我獲取了tomcat路徑進行了拼接，後臺程式碼基本就是這些。

當點選預覽的時候我們需要拿到轉換後的swf檔案的路徑，預設應該是跟原檔案在一起的。

前端程式碼：

jsp頁面：

<%@page import="com.elitel.ioms.main.entity.UserInfo"%>
<%@ page language="java" import="java.util.*,com.elitel.ioms.core.common.*,com.elitel.ioms.base.comm.utils.*,javax.servlet.http.HttpServletRequest,com.elitel.ioms.main.entity.UserInfo" pageEncoding="UTF-8"%>
<%
String basePath = PathUtil.getBasePathFromRequest(request);
String userTheme = ThemeUtil.getUserTheme();
%>
<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<jsp:include page="<%=PathUtil.url_cssjslib%>">
<jsp:param name="scope"
value="jQuery,bootstrap,artDialog,easyui" />
</jsp:include>
<script src="static/js/js_plugins/bootbox.js"></script>
<link href="static/theme/<%=userTheme%>/common/table.css" rel="stylesheet" type="text/css"> 
<link href="static/theme/<%=userTheme%>/common/button.css" rel="stylesheet" type="text/css">
<link href="static/theme/<%=userTheme%>/common/common.css" rel="stylesheet" type="text/css">
<link href="static/theme/<%=userTheme%>/common/commBusinessFrame.css" rel="stylesheet" type="text/css">
<link href="static/theme/<%=userTheme%>/knowleage/k01.css" rel="stylesheet" type="text/css">


<script type="text/javascript" src="static/js/knowleage/common/jquery.js"></script>
<script type="text/javascript" src="static/js/knowleage/common/flexpaper.js"></script>
<script type="text/javascript" src="static/js/knowleage/common/flexpaper_flash.js"></script>
<script type="text/javascript" src="static/js/knowleage/common/flexpaper_flash_debug.js"></script>
<script src="static/js/knowleage/k05.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:630px;height:670px;text-align:center;">
      
      </div> 
</body> 
</html>

注意看標紅的部分，

js程式碼：

var url = art.dialog.data('url');
$(function(){
DocumentView();
});
//預覽
function DocumentView(){
$("#viewerPlaceHolder").FlexPaperViewer(     
        { config : {  
        SWFFile : escape(url),  
        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',  
        }});
}

其中這個url就是生成swf檔案的地方，預設是跟原檔案在一起的。

預覽效果：