欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

如何做预览word文档，类似于百度文库

程序员文章站 2022-06-03 09:38:56
...

如何做预览word文档，类似于百度文库

 

    最近在做这样一个模块，需要网页预览OFFICE文档的功能，包括word、excel、ppt。到网上找了好多例子，但是感觉好像都有问题，而且大多数的帖子只是给出一个思路，并没有具体代码，更有甚者，直接拷贝别人的博客，自己从来不去验证正确与否，我就看到过这样的代码，结果代码运行总是出错。

    大家如果运行的时候出错，或者遇到其他问题，可以给我发邮件，在文章后面留言，我不一定能及时看到，邮箱 titanseason@hotmail.com

 

于是，在这里我就给出具体的代码，并且大家可以直接下载

 

我有个思路，大致分为3步：

 

第一步，利用OpenOffice将Office文档转换为PDF

    详见本人的另一篇博客 http://titanseason.iteye.com/blog/1471606

 

第二步，利用SWFTools工具，将PDF转换为SWF格式的FLASH

    详见本人的另一篇博客 http://titanseason.iteye.com/blog/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或其他服务器

 

相关标签： 预览 office word 百度文库 JAVA

上一篇： openOffice、swftools安装指南（Linux）

下一篇： python字符串连接的N种方式总结

推荐阅读