`
464872333
  • 浏览: 90339 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

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,我邮箱是jackyrong@tom.com,谢谢兄弟了
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不怎么熟

相关推荐

    JSP中实现FlexPaper的demo

    2. **配置JSP**:在JSP页面中,你需要引入FlexPaper的JavaScript和CSS文件。这通常通过`&lt;script&gt;`和`&lt;link&gt;`标签完成,确保这些文件路径正确无误。 3. **准备文档**:FlexPaper支持多种格式的文档,如PDF和SWF。你...

    jsp显示FlexPaper

    3. **配置JSP页面**:在JSP页面中,你需要引入FlexPaper的JavaScript库,并设置相应的参数,比如SWF文件路径、文档元数据、显示选项等。通常,这可以通过在HTML或JSP中添加标签来完成。例如: ```html ...

    flexPaper的展示页面

    FlexPaper&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;style type="text/css" media="screen"&gt; html, body { height:100%; } body { margin:0; ...

    felxpaper使用FlexPaper可以在WEB页面在线阅读PDF文件而不用安装Adodb reader客户端,附件包含FlexPaper

    `FlexPaperViewer.swf` 是FlexPaper的核心组件,是一个SWF(Shockwave Flash)文件,负责在Web页面上呈现PDF内容。由于它是基于Flash技术的,因此在Flash支持的浏览器上可以提供流畅的阅读体验。然而,需要注意的是...

    flexpaper2.0.6.SWC

    1. FlexPaper SDK:用于在Web应用中集成高级文档查看功能的开发工具包。 2. SWC 文件:ActionScript库,方便开发者在Flex或Flash项目中使用。 3. 源码:供深入学习和定制,有助于理解内部机制和优化。 4. Web例子:...

    FlexPaper代码

    FlexPaper 是一款强大的在线文档查看和翻页工具,主要用于将PDF、图像和其他文档格式转换为交互式的Web体验。它提供了一种优雅的...对于想要提升在线文档展示效果的网站或应用,FlexPaper是一个值得考虑的解决方案。

    ASP.NET 用 FlexPaper 在页面上显示 PDF 文件

    ASP.NET 用 FlexPaper 在页面上显示 PDF 文件。演示 ASP.NET 用 FlexPaper 在页面上显示 PDF 文件。显示 PDF 文件,将 PDF 文件转换成 SWF,再用 Adobe Flash 插件播放。另外,如果是 Word 文档,那么客户可以先利用...

    flexpaper使用

    本篇文章将深入探讨如何在`book.jsp`页面中集成并使用FlexPaper SWF文件来浏览PDF文章。 首先,我们需要理解FlexPaper的工作原理。FlexPaper基于Flash技术,通过SWF文件(flexPaper.swf)提供交互式的文档查看体验...

    flexPaper包+使用指南

    总的来说,FlexPaper是一个强大而实用的工具,对于需要在Web应用中嵌入PDF阅读功能的开发者来说,它提供了一个高效且灵活的解决方案。通过熟练掌握和应用FlexPaper,开发者可以轻松地构建出功能丰富的在线PDF阅读器...

    解决使用flexpaper时兼容性问题

    FlexPaper是一款强大的在线文档查看和转换工具,特别适用于在网页上展示PDF、DJVU、图像等格式的文档。它基于JavaScript开发,提供了一个轻量级的解决方案,使得用户无需安装任何插件即可在浏览器中流畅地查看文档。...

    flexpaper2.2.7去水印版

    在本压缩包中提供的“flexpaper2.2.7去水印版”是经过个人开发者修改后的版本,主要特点是移除了默认的水印,提高了页面加载速度,提升了用户体验。 1. **FlexPaper 框架** FlexPaper 是一个开源的富互联网应用...

    flexpaper打印以及去除打印

    标题“flexpaper打印以及去除打印”指出,我们要探讨的是FlexPaper在处理打印功能上的特点,包括如何启用和禁用打印选项。 FlexPaper的核心功能之一就是它的打印能力。它允许用户在不离开浏览器的情况下,直接从SWF...

    flexpaper.js+flexpaper_handlers.js+FlexPaperViewer.swf+viewFile.jsp

    该压缩包中包含了flexpaper.js+flexpaper_handlers.js+FlexPaperViewer.swf+viewFile.jsp 其中flexpaper.js+flexpaper_handlers.js+FlexPaperViewer.swf为控件 viewFile.jsp为在线展示swf代码示例

    FlexPaper_2.1.0官方版本

    FlexPaper 是一个强大的开源项目,专注于为Web应用提供轻量级的SWF文档查看解决方案。在浏览器环境中,它能够高效地展示PDF、DJVU、TIF和其他多种格式的文档,带给用户类似纸质阅读的体验。这个2.1.0版本是FlexPaper...

    FlexPaper_1.5.1_flash

    2. **丰富的配置选项**:FlexPaper可能提供了多种自定义设置,允许开发者根据需求调整页面大小、质量、颜色模式等,以满足不同场景的应用。 3. **用户友好界面**:可能包含更加直观的导航控制,如缩放、翻页、搜索...

    flexpaper.zip

    开发者可能已经用JSP编写了处理逻辑,如读取存储在服务器上的文档,将其转换为FlexPaper支持的格式,然后将渲染后的URL传递给前端展示。 3. **仿照百度文库功能** 百度文库是一个流行的在线文档分享平台,用户可以...

    flex项目 FlexPaper 2.1.2

    7. **JavaScript交互**:FlexPaper提供了与JavaScript的交互接口,开发者可以通过这些接口实现前端的其他功能,比如与第三方库的集成,或者在Web页面上实现更复杂的业务逻辑。 在进行二次开发时,需要深入理解...

    FlexPaper_1.2.4_flash

    FlexPaper 是一款强大的在线文档查看和转换工具,主要用于在网页上展示PDF、图像和其他文档格式。版本1.2.4是其在Flash平台上的一个版本,提供了流畅的用户体验和丰富的功能集。在这个压缩包中,包含了实现FlexPaper...

    flexpaper_1.2.4_swc

    在本次提及的版本"flexpaper_1.2.4_swc"中,主要亮点是用户可以禁用打印按钮的功能,这为那些不希望提供打印选项的Web应用提供了便利。 SWC(Shockwave Flash Component)是Adobe Flash中的组件格式,它包含可重用...

Global site tag (gtag.js) - Google Analytics