文档在线预览(四)- 使用FlexPaper预览文档

1.FlexPaper介绍

        FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件,被设计用来与PDF2SWF一起使用, 使在Flex中显示PDF成为可能,而这个过程并无需PDF软件环境的支持。它可以被当做Flex的库来使用。另外你也可以通过将一些例如Word、PPT等文档转成PDF,然后实现在线浏览。

官网地址:http://flexpaper.devaldi.com/

      有了这个,就可以预览SWF文件了。

2.示例

刚看以一下,最新版中有Java的示例,可以学习一下。用的版本是2.1.0

<%@ page language="java" import="java.util.*" 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">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>文档预览</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<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>
  </head>
  
  <body>
	<div id="documentViewer" class="flexpaper_viewer" style="position:absolute;left:10px;top:10px;width:770px;height:500px"></div>
  <script type="text/javascript">
		$('#documentViewer').FlexPaperViewer({
			 config : {
				 SwfFile : 'type_s.swf',
				 Scale : 0.6, 
				 ZoomTransition : 'easeOut',
				 ZoomTime : 0.5, 
				 ZoomInterval : 0.1,
				 FitPageOnLoad : true,
				 FitWidthOnLoad : false, 
				 FullScreenAsMaxWindow : false,
				 ProgressiveLoading : false,
				 MinZoomSize : 0.2,
				 MaxZoomSize : 5,
				 SearchMatchAll : false,
				 InitViewMode : 'Portrait',
				 RenderingOrder : 'flash,flash',
		
				 ViewModeToolsVisible : true,
				 ZoomToolsVisible : true,
				 NavToolsVisible : true,
				 CursorToolsVisible : true,
				 SearchToolsVisible : true,
		
				 jsDirectory : 'js/',
		
				 JSONDataType : 'jsonp',
				 key : '',
		
				 WMode : 'window',
				 localeChain: 'en_US'
			}
		});
	</script>
  </body>
</html>

其中,
SwfFile : 'type_s.swf',
就是指定SWF文件的位置

文档在线预览(四)- 使用FlexPaper预览文档_第1张图片

预览的时候修改value就可以了。


你可能感兴趣的:(文档在线预览(四)- 使用FlexPaper预览文档)