文档在线预览（四）- 使用FlexPaper预览文档

最新推荐文章于 2022-08-06 17:04:16 发布

原创最新推荐文章于 2022-08-06 17:04:16 发布 · 4.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flexpaper #swf #在线预览

文档在线预览专栏收录该内容

4 篇文章

订阅专栏

FlexPaper是一个开源组件，用于在浏览器中显示PDF文档，与PDF2SWF配合使用，无需PDF软件环境。支持在线预览SWF文件，提供Java示例，版本2.1.0。

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>

其中，