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

Flexpaper在jsp页面的应用

程序员文章站 2022-05-14 22:18:24
...

1.关于FlexPaper源码的修改,见前面FlexPaper源码的修改

2.修改后的源码打包,点Flex项目,右键---->导出---->发行版。此时会在项目下生成bin-release文件夹。其中有个html和swf文件,名称和你的项目名称一样。打开html文件就可以看到FlexPaper效果了。将和你项目同名的swf文件拷贝到你的javaweb项目下。

3.下载FlexPaper_1.5.1_flash文件,见附件。解压后,将FlexPaper_1.5.1_flash/js文件夹下的flexpaper_flash.js拷贝到你的javaweb项目下。

4.jsp页面加入以下代码:

 

 <div class="view">
<div>
	    <script type="text/javascript">
	        var row_adduserid=document.getElementById("row_adduserid");
	        var doc_attname=document.getElementById("doc_attname");
	        var userId=row_adduserid.value;
	        var attname=doc_attname.value;
	        var fp = new FlexPaperViewer(  
              '/assets/flex/FlexPaperViewer',
              'viewerPlaceHolder', { config : {
              SwfFile : escape('/assets/upload/'+userId+'/'+attname+'.swf'),
              Scale : 1,
              ZoomTransition : 'easeOut',
              ZoomTime : 0.5,
              ZoomInterval : 0.2,
              FitPageOnLoad : true,
              FitWidthOnLoad : true,
              FullScreenAsMaxWindow : false,
              ProgressiveLoading : true,
              MinZoomSize : 0.2,
              MaxZoomSize : 1,
              SearchMatchAll : true,
              InitViewMode : 'Portrait',
              PrintPaperAsBitmap : false,
              ViewModeToolsVisible : true,
              ZoomToolsVisible : false,
              NavToolsVisible : false,
              CursorToolsVisible : true,
              SearchToolsVisible : true,                        
              localeChain: 'zh_CN'
              
              }}); 
	        </script>
        </div>  
  </div>

  注意: '/assets/flex/FlexPaperViewer',要改为你的路径。

SwfFile : escape('/assets/upload/'+userId+'/'+attname+'.swf'),要改为你读取的swf文件路径。

具体的参数,可以上网搜索下。