web项目使用OpenOffice实现前端在线预览office文档(超详细)
超详细的OpenOffice实现前端在线预览office文档记录
最近搞一个数字化共享平台，是一个java web项目，使用框架ssm，其中项目有一个需要在线预览PDF、excle、ppt、word文件的功能，也是各种谷歌百度，乱七八糟，要么就是方法太久远，要么就是教程写得太随意。 现在特意整理一个完整的web项目使用OpenOffice实现前端在线预览office文档功能的教程。预览ppt效果图如下:
2.实现过程
1.准备环境+工具
> 1.openoffice工具。[下载链接](http://www.openoffice.org/zh-cn/download/) > 2.JODConverter文件转换器。[下载链接](https://sourceforge.net/projects/jodconverter/files/) > 3.下载并安装SWFTools工具：[下载链接](http://www.swftools.org/download.html) 下载exe文件安装完成即可。 > 4.下载FlexPlayer工具：[下载链接](https://flowpaper.com/download/) > 5.下载cos.jar包：[下载链接](http://www.java2s.com/Code/Jar/c/cos.htm)工具图示：
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"%>
<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("\\.");mework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bindmework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind
String swfpath = "upload/" + namelist[0]+".swf"; */
System.out.println("------>>>"+swfpath);
//将相对路径放入sessio中保存
session.setAttribute("swfpath", swfpath);
out.println("上传的文件:" + lastFileName);
out.println("文件类型" + extName);
out.println("<hr>");
}
}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title heretitle>
<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";
%>
<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.
如果你有梦想的话，就要去捍卫它 。 ——《当幸福来敲门》