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