English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
この記事では、javaでアタッチメントプレビューを実現する方法について紹介しています。openoffice、SWFTools、FlexPaperを使用する必要があります。具体的な手順は以下の通りです：
1概要
主要な原理
1第三者ツールのOpenOfficeを使用して、word、excel、ppt、txtなどのファイルをPDFファイルに変換します
2SWFToolsを使用してPDFファイルをSWF形式のファイルに変換します
3FlexPaperドキュメントコンポーネントを使用してページ上で表示します
2インストールパッケージのダウンロード
1OpenOfficeはApacheの下にあるオープンで無料の文書処理ソフトウェアです。
ダウンロードリンク：Apache OpenOffice公式サイトからダウンロード 版本-3}4}1 http://www.openoffice.org/zh-cn/download/
2SWFToolsは、FlashのSWFファイルを処理するツールセットです。PDFファイルをSWFファイルに変換するために使用しています。
ダウンロードリンク：SWFTools公式サイトからダウンロード swftools-2013-04-09-1007.exe http://www.swftools.org/download.html
3FlexPaperは、ブラウザ上でさまざまなドキュメントを表示するオープンソースの軽量コンポーネントです。
ダウンロードリンク：FlexPaper公式サイトからダウンロード 版本1}5}1 https://flowpaper.com/download/
4JODConverterはJavaのOpenDocumentファイル変換器です。ここでは、jarパッケージを使用しています。
ダウンロードリンク：JODCConverterダウンロード https://sourceforge.net/projects/jodconverter/files/
3インストールファイル
1ダウンロードしたファイル（JODConverterを除く）をインストールします。ドライブは任意に設定できます。ただし、openofficeがインストールされた後、使用する際にはサービスを開始する必要があります。以下のコマンドを使用して開始します：
DOSウィンドウを開き、openofficeのインストールディスクのドライブに移動して、以下のコードを入力してサービスを起動します：
soffice -headless -accept="socket,host=127.0.0.1,port=8100;urp;" -nofirststartwizard
最後の命令の前に「—」があることを注意してください、サービスが起動しない場合、プロジェクトは進行不能になりますよ。
公式サイトのサービス起動スクリーンショットは以下の通りです：
ローカルスクリーンショット：
3.開発プロセス
1.FlexPaperViewer.swfファイルをウェブサイトのルートディレクトリにコピーしてください（このファイルはウェブページでSWFファイルを再生するプレイヤーです）。ディレクトリ構造は以下の通りです：
注：uploadフォルダーを作成する必要があります
2.fileUpload.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>
3.docUploadConvertAction.jspのコンバートページを作成
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@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.cectsims.util.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
//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;
//変換する必要のあるファイル名を取得し、パス名の'\'を'に置き換えます/'
String converfilename = saveDirectory.replaceAll("\\\\", "/")+"/"+fileName;
System.out.println(converfilename);
//変換クラスDocConverterを呼び出し、変換する必要のあるファイルをそのクラスのコンストラクタに渡します
DocConverter d = new DocConverter(converfilename);
//converメソッドを呼び出して変換を開始し、まずdocを実行します2pdf()はOfficeファイルをPDFに変換し、次にpdfを実行します2swf()将pdf转换为swf;
d.conver();
//调用getswfPath()方法，打印转换后的swf文件路径
System.out.println(d.getswfPath());
//生成swf相对路径，以便传递给flexpaper播放器
String swfpath = "upload"+d.getswfPath().substring(d.getswfPath().lastIndexOf("/"));
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>
创建查看页documentView.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String swfFilePath=session.getAttribute("swfpath").toString();
%>
!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 : false,
FullScreenAsMaxWindow : false,
ProgressiveLoading : false,
MinZoomSize : 0.2,
MaxZoomSize : 5,
SearchMatchAll : false,
InitViewMode : 'SinglePage',
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
localeChain: 'en_US'
}});
</script>
</div>
</body>
</html>
5.変換クラスDocConverter.java
package com.cectsims.util;
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フォーマットの変換
*/
public class DocConverter {
private static final int environment = 1;// 環境 1：windows 2:linux
private String fileString;// (pdfのみを含む2swfパスの問題)
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);
// 接続を閉じる
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("D:/Program Files/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 (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;
}
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("")) {
/
fileName.lastIndexOf("."));
if (outputPath.charAt(outputPath.length()) == '/') {
swfFile = new File(outputPath + realName + ".swf");
} else {
swfFile = new File(outputPath + realName + ".swf");
}
}
}
}
6.部署发布
启动tomcat，部署当前web应用
地址栏输入http://localhost:8080/ctcesims/documentUpload.jsp 如下图：
单击预览按钮，就会生成预览界面，如下图：
4.常见问题
若出现swf无法预览，请访问
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html#119065
将生成swf的文件夹设置为信任文件位置。
以下给出 flexpaper 2}1}9 の違い：初期化方法が変更され、ファイルディレクトリがプロジェクトディレクトリと一緒でない場合、サーバー上で付属ディレクトリを仮ディレクトリとして設定することができます。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
//String swfFilePath=session.getAttribute("swfpath").toString();
%>
!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.min.js"></script>
<script type="text/javascript" src="js/flexpaper.js"></script>
<script type="text/javascript" src="js/flexpaper_handlers.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;">
<div id="documentViewer" class="flexpaper_viewer" style="width:770px;height:500px"></div>
<script type="text/javascript">
var startDocument = "Paper";
$('#documentViewer').FlexPaperViewer(
{ config : {
SWFFile : 'upload/ddd3.swf',
Scale : 0.6,
ZoomTransition : 'easeOut',
ZoomTime : 0.5,
ZoomInterval : 0.2,
FitPageOnLoad : true,
FitWidthOnLoad : false,
FullScreenAsMaxWindow : false,
ProgressiveLoading : false,
MinZoomSize : 0.2,
MaxZoomSize : 5,
SearchMatchAll : false,
InitViewMode : 'Portrait',
RenderingOrder : 'flash',
StartAtPage : '',
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
WMode : 'window',
localeChain: 'en_US'
}}
);
</script>
</div>
</body>
</html>
最後に、印刷機能とロゴを削除するには、flexpaperのflashファイルを再コンパイルしてください。インターネットでもダウンロードできます。
これでこの記事のすべての内容が終わります。皆さんの学習に役立つことを願っています。また、呐喊教程を多くの人がサポートしてくれることを願っています。
声明：この記事の内容はインターネットから取得され、著作権者に帰属します。インターネットユーザーが自発的に貢献し、自己でアップロードしたものであり、このサイトは所有権を持ちません。また、人工的な編集は行われておらず、関連する法的責任も負いません。著作権侵害を疑われる内容が見つかった場合は、以下のメールアドレスにご連絡ください：notice#oldtoolbag.com（メールを送信する際に、#を@に置き換えてください。告発を行い、関連する証拠を提供してください。一旦確認がとりあえず、このサイトは即座に侵害を疑われるコンテンツを削除します。