如何做预览word文档,类似于百度文库
如何做预览word文档,类似于百度文库
?
? ? 最近在做这样一个模块,需要网页预览OFFICE文档的功能,包括word、excel、ppt。到网上找了好多例子,但是感觉好像都有问题,而且大多数的帖子只是给出一个思路,并没有具体代码,更有甚者,直接拷贝别人的博客,自己从来不去验证正确与否,我就看到过这样的代码,结果代码运行总是出错。
?
于是,在这里我就给出具体的代码,并且大家可以直接下载
我有个思路,大致分为3步:
第一步,利用OpenOffice将Office文档转换为PDF
? ? 详见本人的另一篇博客?http://titanseason.iteye.com/admin/blogs/1471606
?
第二步,利用SWFTools工具,将PDF转换为SWF格式的FLASH
? ? 详见本人的另一篇博客?http://titanseason.iteye.com/admin/blogs/1472733
第三步,利用FlexPaper显示生成的FLASH
? ? FlexPaper的下载地址:?http://flexpaper.devaldi.com/download/,大家下载免费版的就行
? ? 这一步就比较简单了,大家将下载的FlexPaper解压缩后,拷贝flexpaper_flash.js到你的网页中,然后把他导入到网页,而且FlexPaper还要用到jQuery,这个做网页的应该都比较熟悉,大家随便百度一下,也导入到网页中。
?
网页代码
?
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><base href="<%=basePath%>"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="js/flexpaper_flash.js"></script><script type="text/javascript" src="js/jquery-1.6.4.js"></script><script type="text/javascript">//界面加载完毕的初始化方法 $(document).ready(function(){//自定义的方法});</script><title>预览Office文档</title></head><body><div> <a id="viewerPlaceHolder" style="width:680px;height:480px;display:block"></a> <script type="text/javascript"> var fp = new FlexPaperViewer( 'FlexPaperViewer', 'viewerPlaceHolder', { config : { SwfFile : escape('Paper.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', PrintPaperAsBitmap : false, ViewModeToolsVisible : true, ZoomToolsVisible : true, NavToolsVisible : true, CursorToolsVisible : true, SearchToolsVisible : true, localeChain: 'zh_CN'}}); </script> </div> </body></html>?? ? 大家可以直接从附件中下载相应的全部代码,直接导入eclipse中就可以运行(但是需要J2EE版本的eclipse),而且需要电脑上面安装了TOMCAT或其他服务器
?