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文件路径。
具体的参数,可以上网搜索下。
上一篇: 使用JS完成注册页面的校验