English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Эта статьяmainly介绍了java实现附件预览，для этого needed openoffice, SWFTools, FlexPaper, конкретные шаги следующие:
1. Общее описание
Основной принцип
1. Преобразование файлов word, excel, ppt, txt и других в файлы pdf с помощью третьих сторон инструментов OpenOffice
2. Преобразование файлов pdf в формат swf с помощью swfTools
3. Визуализация на странице с помощью компонента документа FlexPaper
2. Загрузка установочного пакета
1. OpenOffice - это открытая и бесплатная текстовая обработка, находящаяся под управлением Apache
Адрес для скачивания: Официальный сайт Apache OpenOffice, версия - 3.4.1 http://www.openoffice.org/zh-cn/download/
2. SWFTools - это набор инструментов для обработки файлов swf Flash, мы используем его для преобразования файлов pdf в swf!
Адрес загрузки: Загрузка SWFTools с официального сайта swftools-2013-04-09-1007.exe http://www.swftools.org/download.html
3. FlexPaper - это开源 легковесный компонент для отображения различных документов в браузере
Адрес загрузки: Загрузка FlexPaper с официального сайта Версия 1.5.1 https://flowpaper.com/download/
4. JODConverter - это 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. Создайте новый проект, скопируйте папку js из файла flexpaper (включая файлы flexpaper_flash_debug.js, flexpaper_flash.js, jquery.js, эти три js-файла являются плагинами для предварительного просмотра файлов swf) в корневую директорию сайта; скопируйте файл 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();
//ответ кодируется "UTF-8", также используется стандартная стратегия решения конфликтов имен файлов, выполняется загрузка, если не указать dfp с новым именем файла, будет заменено
MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize, "UTF-8", dfp);
//MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize,"UTF-8");
//Вывод информации о phản hồi
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 для начала преобразования, сначала выполнить doc2pdf() для преобразования офисного файла в pdf; затем выполнить pdf2swf() для преобразования 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);
//Сохранение относительного пути в сессии
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>Вставьте заголовок здесь</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
пакет com.cectsims.util;
импорт java.io.BufferedInputStream;
импорт java.io.File;
импорт java.io.IOException;
импорт java.io.InputStream;
импорт com.artofsolving.jodconverter.DocumentConverter;
импорт com.artofsolving.jodconverter.openoffice.connection.OpenOfficeConnection;
импорт com.artofsolving.jodconverter.openoffice.connection.SocketOpenOfficeConnection;
импорт com.artofsolving.jodconverter.openoffice.converter.OpenOfficeDocumentConverter;
/**
* doc docx format conversion
*/
public class DocConverter {
private static final int environment = 1;// Environment 1: windows 2:linux
private String fileString;// (only involves pdf2swf path issues)
private String outputPath = "";// Input path, if not set, output at the default location
private String fileName;
private File pdfFile;
private File swfFile;
private File docFile;
public DocConverter(String fileString) {
ini(fileString);
}
/**
* Reset file
*
* @param fileString
*/
public void setFile(String fileString) {
ini(fileString);
}
/**
* Initialization
*
* @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");
}
/**
* Convert to 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 преобразован успешно, выхodos 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 начал работу, файл уже convertido в 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("")) {
String realName = fileName.substring(fileName.lastIndexOf("/"),
fileName.lastIndexOf("."));
if (outputPath.charAt(outputPath.length() - 1) == '/') {
swfFile = new File(outputPath + realName + ".swf");
} else {
swfFile = new File(outputPath + realName + ".swf");
}
}
}
}
6. Развертка и发布
Запустите tomcat, разверните текущий веб-приложение
В строке адреса введите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"%>
<%
//Строка 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>
В конце концов, если нужно удалить функцию печати и логотип, можно перекомпилировать flash-файл flexpaper, также можно найти на сайте для скачивания
Вот и все, что есть в этой статье, я надеюсь, что это поможет вам в изучении, и希望大家多多支持呐喊教程。
Заявление: контент этой статьи взят из Интернета, авторские права принадлежат соответствующему автору, контент был предоставлен пользователями Интернета по собственной инициативе и загружен самостоятельно, этот сайт не обладает правами собственности, не был отредактирован вручную, и не несет ответственности за соответствующие юридические последствия. Если вы обнаружите спорный контент, пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (при отправке письма замените # на @) для сообщения о нарушении и предоставьте соответствующие доказательства. Если факт будет подтвержден, сайт немедленно удалил спорный контент.