Flexpaper在jsp页面的应用

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文件路径。

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

评论

7 楼 sodi 2014-07-12  

我的swf文件在/opt/....下，不在项目工程下，请问怎么访问/opt/...下的swf文件呢，谢谢！

6 楼 jackyrong 2013-06-15  

464872333 写道

jackyrong 写道

请教下如果用你编译好的swf,
要设置禁止打印,是否设置:
PrintEnabled : 'False',
                            PrintToolsVisible : 'False',就可以了?

不好意思，我没试过这个打印

能否发一下你编译后的SWF的给我,我这边没flexbuilder,我邮箱是[e-mail],谢谢兄弟了

5 楼 464872333 2013-06-15  

jackyrong 写道

请教下如果用你编译好的swf,
要设置禁止打印,是否设置:
PrintEnabled : 'False',
                            PrintToolsVisible : 'False',就可以了?

不好意思，我没试过这个打印

4 楼 jackyrong 2013-06-15  

请教下如果用你编译好的swf,
要设置禁止打印,是否设置:
PrintEnabled : 'False',
                            PrintToolsVisible : 'False',就可以了?

3 楼 dolphin0618 2013-04-16  

点击鼠标右键，为什么鼠标不见了

2 楼 464872333 2012-12-03  

java988 写道

'/assets/flex/FlexPaperViewer' 这个需要怎么引用，对flex不怎么熟

FlexPaperViewer.swf是用FlexBuilder生成的文件，/assets/flex/是我存放这个文件的路径。
jsp页面中加个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>

另外jsp页面要引用<script type="text/javascript" src="/assets/js/gjlm/js/flexpaper_flash.js"></script>这个可以了。里面的路劲你自己看着改。

1 楼 java988 2012-12-03  

'/assets/flex/FlexPaperViewer' 这个需要怎么引用，对flex不怎么熟