1、需要引入的三个js文件
<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>
2、主要代码:
<div id="documentViewer" class="flexpaper_viewer" style="position:absolute;left:50px;top:10px;width:820px;height:650px"></div>
<script type="text/javascript">
$('#documentViewer').FlexPaperViewer(
{ config : {
SwfFile :'extjs6学习.swf',
Scale : 0.6,
ZoomTransition : 'easeOut',//变焦过渡
ZoomTime : 0.5,
ZoomInterval : 0.2,//缩放滑块-移动的缩放基础
FitPageOnLoad : true,//自适应页面
FitWidthOnLoad : true,//自适应宽度
FullScreenAsMaxWindow : false,//全屏按钮
ProgressiveLoading : false,//分割加载
MinZoomSize : 0.2,//最小缩放
MaxZoomSize : 5,//最大缩放
SearchMatchAll : false,
InitViewMode : 'Portrait',
RenderingOrder : 'falsh',
ViewModeToolsVisible : true,//显示模式工具栏是否显示
ZoomToolsVisible : true,//缩放工具栏是否显示
NavToolsVisible : true,//条也工具栏
CursorToolsVisible : true,
SearchToolsVisible : true,
localeChain: 'zh_CN'
}}
);
</script>
SwfFile是要预览的swf文件的名字,这个文件放的位置是和这个jsp的位置是同级的。
3、遇到了引入的带有中文的文件不显示的问题。一是要在flexpaper.js中加一句解码_SWFFile = decodeURI(_SWFFile); ,二是要设置tomcat的URIEcoding="UTF-8"