使用FlashPaper 实现JSP在线阅读[转]

http://cuisuqiang.iteye.com/blog/1841452

使用FlashPaper 实现JSP在线阅读

FlashPaper 是Macromedia推出的一款电子文档类工具，通过使用本程序，你可以将需要的文档通过简单的设置转换为SWF格式的Flash动画，原文档的排版样式和字体显示不会受到影响，这样做的好处是不论对方的平台和语言版本是什么，都可以自由的观看你所制作的电子文档动画，并可以进行自由的放大，缩小和打印，翻页等操作，对文档的传播非常有好处，而且由于Flash动画的普及性和强大的可调节性。

这里使用Struts2进行文件上传，后台处理转换，并将文件存放到工程目录

前台使用swfobject_2_2显示Flash文件

首先请安装FlashPaper，其次把swfobject_2_2.zip解压然后把expressInstall.swf和swfobject.js拷贝到工程的根目录(仅仅是为了测试)

编写文件上传页面：

Java代码  

  1. <%@ page language="java" contentType="text/html; charset=utf-8"
  2. pageEncoding="utf-8"%>
  3. <%@ taglib prefix="s" uri="/struts-tags"%>
  4. <html>
  5. <head>
  6. <title>上传文件  关注新浪微博：@java小强</title>
  7. </head>
  8. <body>
  9. <s:form action="upload" method="post" enctype="multipart/form-data">
  10. <s:file name="file" label="file name"></s:file>
  11. <s:submit label="ok" onClick="" />
  12. </s:form>
  13. </body>
  14. </html>

注意这里使用了Struts2的标签

Action需要处理上传，然后判断上传文件的类型，调用转换获得转换后文件的路径，并把路径传递到前台：

Java代码  

  1. package com.xidian.cui.action;
  2. import java.io.File;
  3. import javax.servlet.http.HttpServletRequest;
  4. import org.apache.struts2.ServletActionContext;
  5. import com.opensymphony.xwork2.ActionSupport;
  6. import com.xidian.cui.util.FlashPaper;
  7. /**
  8. * @说明 上传执行
  9. * @author cuisuqiang
  10. * @version 1.0
  11. * @since  关注新浪微博：@java小强
  12. */
  13. @SuppressWarnings("serial")
  14. public class FileUploadAction extends ActionSupport {
  15. private File file;
  16. private String fileFileName;
  17. private String fileContentType;
  18. @SuppressWarnings("deprecation")
  19. public String execute() {
  20. HttpServletRequest request = ServletActionContext.getRequest();
  21. String tempName = FlashPaper.converter(file, fileContentType,fileFileName, request);
  22. // 把转换的路径放到请求中
  23. request.setAttribute("tempName", tempName);
  24. return "suc";
  25. }
  26. /**
  27. * 获得不同文件的后缀
  28. */
  29. public void setFileContentType(String fileContentType) {
  30. if (fileContentType.contains("msword")) {
  31. this.fileContentType = ".doc";
  32. } else if (fileContentType.contains("excel")) {
  33. this.fileContentType = ".xls";
  34. } else if (fileContentType.contains("pdf")) {
  35. this.fileContentType = ".pdf";
  36. } else if (fileContentType.contains("powerpoint")) {
  37. this.fileContentType = ".ppt";
  38. } else {
  39. this.fileContentType = ".doc";
  40. }
  41. }
  42. public File getFile() {
  43. return file;
  44. }
  45. public void setFile(File file) {
  46. this.file = file;
  47. }
  48. public String getFileContentType() {
  49. return fileContentType;
  50. }
  51. public String getFileFileName() {
  52. return fileFileName;
  53. }
  54. public void setFileFileName(String fileFileName) {
  55. this.fileFileName = fileFileName;
  56. }
  57. }

然后是转换类，因为我做的时候发现如果路径过于复杂很容易出错，所以我做的时候先把上传的文件拷贝到一个临时文件夹，然后转换，转换后的SWF文件也放到该文件夹，最后拷贝到自己指定的位置。这里指定的位置就是工程目录下，为的是方便显示。

然后我做了一个判断，如果已经转换了该文件，就直接显示。注意这样是不合理的，因为用户可能会上传文件名称一样的文件。但是我这里只是作一个引导，你可以根据自己的业务去记录转换的文件，这样同一个文件转换后不必每次都重复转换，这样做是非常耗时也耗费服务器性能的。

指定文件夹内存放了我们的文件，但是他会非常占用磁盘空间，这里为了测试我没有删除转换后的临时文件，但是在实际使用中，我们应该在后台定义一个定时器，来删除长期没有使用的文件，并且在每次转换前判断这个临时文件夹如果过大的话，就直接清空临时文件夹。

关于定时器的使用：http://cuisuqiang.iteye.com/admin/blogs/1320255

来看转换的代码：

Java代码  

  1. package com.xidian.cui.util;
  2. import java.io.BufferedInputStream;
  3. import java.io.BufferedOutputStream;
  4. import java.io.File;
  5. import java.io.FileInputStream;
  6. import java.io.FileOutputStream;
  7. import java.io.InputStream;
  8. import java.io.OutputStream;
  9. import java.text.SimpleDateFormat;
  10. import java.util.Date;
  11. import javax.servlet.http.HttpServletRequest;
  12. /**
  13. * @说明 将文件转为SWF
  14. * @author cuisuqiang
  15. * @version 1.0
  16. * @since  关注新浪微博：@java小强
  17. */
  18. public class FlashPaper extends Thread {
  19. @SuppressWarnings("deprecation")
  20. public static String converter(File srcFile,String fileContentType,String fileFileName, HttpServletRequest request) {
  21. String uploadPath = request.getRealPath("/");
  22. SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
  23. String dataFile = format.format(new Date());
  24. uploadPath += "swfTemp\\" + dataFile;
  25. File f = new File(uploadPath);
  26. if (!f.exists() && !f.isDirectory()) {
  27. f.mkdirs();
  28. }
  29. // SWF 放到服务器下
  30. String filename = uploadPath + "\\" + fileFileName + ".swf";
  31. File file = new File(filename);
  32. if(file.exists()){
  33. return "swfTemp/" + dataFile + "/" + fileFileName + ".swf";
  34. }
  35. // 要转换的文件 放到临时目录
  36. String docTempFileName = "C:\\" + String.valueOf(new Date().getTime()) + fileContentType;
  37. File docTempFile = new File(docTempFileName);
  38. copyFile(srcFile, docTempFile);
  39. // 转换后的文件 放到临时目录
  40. String swfTempFileName = "C:\\" + String.valueOf(new Date().getTime()) + ".swf";
  41. File swfTempFile = new File(swfTempFileName);
  42. try {
  43. String converter = "C:\\Program Files\\Macromedia\\FlashPaper 2\\FlashPrinter.exe -o " + swfTempFile.getAbsolutePath() + " " + docTempFile.getAbsolutePath();
  44. Runtime pro = Runtime.getRuntime();
  45. pro.exec(converter);
  46. // 注意，为了测试，这里只要没有转换工程，就一直等待
  47. while(true){
  48. if(!swfTempFile.exists()){
  49. Thread.sleep(1000);
  50. continue;
  51. }
  52. copyFile(swfTempFile, file);
  53. // 删除临时文件
  54. swfTempFile.delete();
  55. docTempFile.delete();
  56. return "swfTemp/" + dataFile + "/" + fileFileName + ".swf";
  57. }
  58. } catch (Exception e) {
  59. System.out.println("执行失败");
  60. e.printStackTrace();
  61. }
  62. return "";
  63. }
  64. private static final int BUFFER_SIZE = 102400;
  65. private static void copyFile(File src, File dir) {
  66. try {
  67. InputStream input = null;
  68. OutputStream output = null;
  69. try {
  70. input = new BufferedInputStream(new FileInputStream(src),
  71. BUFFER_SIZE);
  72. output = new BufferedOutputStream(new FileOutputStream(dir),
  73. BUFFER_SIZE);
  74. byte[] buffer = new byte[BUFFER_SIZE];
  75. while (input.read(buffer) > 0) {
  76. output.write(buffer);
  77. }
  78. } catch (Exception e) {
  79. e.printStackTrace();
  80. } finally {
  81. if (null != input) {
  82. input.close();
  83. }
  84. if (null != output) {
  85. output.close();
  86. }
  87. }
  88. } catch (Exception e) {
  89. e.printStackTrace();
  90. }
  91. }
  92. }

跳转到页面显示SWF文件即可：

Java代码  

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <html>
  7. <head>
  8. <base href="<%=basePath%>">
  9. <title>在线阅读  关注新浪微博：@java小强</title>
  10. <script type="text/javascript" src="swfobject.js"></script>
  11. <script type="text/javascript">
  12. swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
  13. </script>
  14. </head>
  15. <body>
  16. <div>
  17. <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
  18. <param name="movie" value="${tempName }" />
  19. <!--[if !IE]>-->
  20. <object type="application/x-shockwave-flash" data="${tempName }" width="300" height="120">
  21. <!--<![endif]-->
  22. <div>
  23. <h1>Alternative content</h1>
  24. <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
  25. </div>
  26. <!--[if !IE]>-->
  27. </object>
  28. <!--<![endif]-->
  29. </object>
  30. </div>
  31. </body>
  32. </html>

为了方便各位学习指导，源码已经上传！

请您到ITEYE网站看原创，谢谢！

http://cuisuqiang.iteye.com/ ！

自建博客地址：http://www.javacui.com/ ，内容与ITEYE同步！

时间： 2024-08-29 01:05:27

使用FlashPaper 实现JSP在线阅读[转]的相关文章

PDF在线阅读 FlexPaper 惰性加载 ；

关于PDF在线阅读问题,比较普遍的做法是转换成swf文件来浏览:由于项目需要,就用 flexpaper 来实现了下,功能比较简单:但是文件的惰性加载确实让笔者挠头了一把! 下面是笔者的方法: 采用流的方式来读取每一页的swf文件,然后展示(pdf转换成多个swf文件网上一大把):亲自测试,100M的pdf文档,转换后在线浏览,延迟不超过1s; JSP页面 : <%@ page language="java" import="java.util.*" pageE

Ajax学习教程在线阅读

  1.什么是AJAX ?(1) 2.什么是AJAX ?(2) 3.什么是AJAX ?(3) 4.什么是AJAX ?(4) 5.Ajax基础教程(1)-Ajax简介 1.1 Web应用简史 6.Ajax基础教程(1)-Ajax简介 1.2 浏览器历史 7.Ajax基础教程(1)-Ajax简介 1.3 Web应用的发展历程 8.Ajax基础教程(1)-Ajax简介 1.3 Web应用的发展历程(2) 9.Ajax基础教程(1)-Ajax简介 1.3 Web应用的发展历程(3) 10.Ajax基础教

笔记——文档在线阅读的解决方案（未完待续）

目前现在很多大型的网站或是某些项目需要让用户上传的文档可以在线预览.这个目前我所了解到的有以下几种情况: 1.pdf 在线阅读 2.office 在线阅读 对于pdf目前有很多解决方案了,可以参考 http://www.open-open.com/news/view/1fc3e18  ,对于office在线阅读,目前.我的办法是,先转换为PDF,然后使用pdf在线阅读的方式进行浏览.目前好像很多站点都是这么做的. 然而,我在项目中,这类文档在线阅读方案是这样的.OFFICE --> PDF  -

html内嵌flex同时向flex页面传参实现pdf文档在线阅读

由于项目需求需要实现pdf文档的上传并在线阅读,在网上看了很多关于html在线阅读pdf文档的文章,遇到各种问题,包括不同浏览器之间,同一个浏览器不同版本等问题,最终没有实现.后来就换了一个思路,用flex实现pdf的在线阅读,但是flex不能实现直接阅读pdf(对我而言不行),于是了解到可以通过将pdf转swf之后再实现阅读.下面就来看看实现具体过程: 1,实现pdf转为swf: 2,flex实现swf文件的在线浏览: 3,html内嵌flex实现pdf在线浏览. 1,pdf转swf (1)要

pdf在线阅读器

最近论坛里有人提到了,在线pdf阅读器怎么做.我百度了一下,发现很多人都很懒,程序员都很懒吗? 答案是否定的.为什么都不愿意去搜索一下呢,网上很多答案的.我这里就列举一例,大家共勉. 看代码,页面代码(herman.html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu

在线阅读安卓(Android)系统源码

http://grepcode.com/project/repository.grepcode.com/java/ext/com.google.android/android/在线阅读安卓(Android)系统源码

PDF在线阅读控件多浏览器(IE,firefox,chrome,opera等)中的使用

iStylePDF是基于ActiveX技术开发的一个COM组件,一般是应用于IE浏览器中来使用,但是随着越来越多的浏览器出现,导致客户端的环境非常复杂,客户的需求又是多样化的,所以我们这里介绍了一种更快的让我们的COM组件在各种浏览器中通行无阻的方法. 浏览器现在的主流一般分为IE内核和非IE内核浏览器,IE浏览器中的使用无需太多的说明,直接应用object对象就可以使用了. 如图所示: 启动页面的时候判断下浏览器类型 非IE内核浏览器基本上都支持NPAPI插件模式,我们提供了一个简单的控件注册

Android - 源码阅读 - Eclipse中在线阅读

在线阅读Android源码:grepcode 安装Eclipse GrepCode 插件:GrepCode Eclipse Plugin Help->Install New Software... Add: GrepCode http://repository.grepcode.com/java/ext-eclipse 使用 将鼠标置于需要查看的类名或者包上,然后按"F3",弹出 Class File Editor 显示对应class文件. 在Eclipse IDE 环境中在线查

在线阅读android源代码

这两天一直在寻找android系统的源代码,但是直到一个小时之前,一直未能如愿.但是,令人欣慰的是,现在找到了. 网上有不少帖子介绍如何下载android源代码,包括在linux系统,windows系列和mac os系统.但是本人经过测试,并没有发现哪些帖子是切实可行的.这些帖子的内容多因链接过期或者含糊不清而不可用.同时,由于android系统代码量庞大,所以就萌生了在线读代码的想法. 经过查找和验证,发现一下链接可以阅读各版本android系统代码. 链接如下: http://grepcod