`
jforever
  • 浏览: 14908 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

解决FlexPaper分页分段加载问题

阅读更多

FlexPaper是一个开源的PDF文档在线查看控件。用户查看PDF文档不需要安装Acrobat Reader,但需要利用像SwfTools这样的工具预先将PDF文档转成SWF格式的文件。FlexPaper能够对需要查看的文档进行分页、搜索、打印、缩放、全屏查看等

 

但对于一次性加载整个大型文档会导致加载时间过长和内存过渡消耗。在新的FlexPaper版本中已经能够解决这个问题。首先需要将你的文档拆分成多份swf文件,然后在调用FlexPaper的时候设置好相关参数,这样在浏览的时候就能够分页/分段加载。下面将介绍如何将文档拆分成多份swf文件和怎么设置FlexPaper参数:

关于如何拆分文档,在FlexPaper 1.4.5中已经提供了一个开箱即用的示例。只要在支持PHP的服务器上运行其提供的'split_document.php'文件能够自动进行分页。对于服务器上不支持PHP运行的,可以在调用PDF2SWF程序时,在原来调用的命令行基础上稍微修改一下具体如下:

C:\SWFTools\pdf2swf.exe Paper.pdf -o Paper%.swf -f -T 9 -t -s storeallcharacters


大家可以看到上面的命令行比原来只多了一个%符号,这个符号表示在PDF2SWF转换文档时,将为每一个页创建一个swf文件。如:"Paper1.swf", "Paper2.swf"。然后在FlexPaper控件配置加载SwfFile的地方,采用:{filename[*,padding],total pages}这种语法表明。

以下给出一个具体的配置示例:

        var fp = new FlexPaperViewer(    
        'FlexPaperViewer', 
        'viewerPlaceHolder', { config : { 
                  SwfFile : "{Paper[*,0].swf,28}", 
                  Scale : 0.6, 
                  ZoomTime : 0.5, 
                  ZoomInterval : 0.1, 
                  FitPageOnLoad : false, 
                  FitWidthOnLoad : false, 
                  PrintEnabled : false, 
                  MinZoomSize : 0.2, 
                  MaxZoomSize : 5, 
                  localeChain : "en_US" 
        }});

 

在这个例子中,我们指示FlexPaper按分页的方法来加载一个共有28页的文档,不需要用0填充文件名。假如你的文件是按"Paper01.swf", "Paper02.swf", .. 这种形式拆分时,要将padding设置成1,意思是用一个零来填充文件名。

但是这种解决方法有点不足的地方就是拆分后的一个个swf文件大小加起来比较原来单个文档的大小多了很多。

 

分享到:
评论
1 楼 jar2009 2011-07-20  
你好,我用  SwfFile : "{Paper[*,0].swf,28}" 好像不加载内容,请问下什么原因啊?

相关推荐

    flexpaper分页加载

    要理解FlexPaper如何实现分页加载,我们需要了解以下关键知识点: 1. **SWF格式**:`testswf`这个文件名暗示可能是一个SWF(Shockwave Flash)文件,这是一种Adobe Flash平台产生的文件格式,用于在Web上展示动画和...

    flexpaper 延时加载(分页加载)

    该资源我已经测试通过了,下载后可以直接在tomcat中发布进行访问,基本上不用做任何修改。 需要注意的是:我没有将后台的java文件与...好长时间没有整flexpaper了,只属于个人爱好,如果有什么不对的地方请大家多多赐教

    解决使用flexpaper时兼容性问题

    本解答将详细介绍如何解决FlexPaper的兼容性问题以及`flexpaper_repair.js`在这个过程中的作用。 1. **理解FlexPaper的工作原理**: FlexPaper通过将文档转换为图片序列或HTML5 Canvas来实现跨浏览器的兼容性。它...

    FlexPaper解决滚动条问题

    本篇文章将深入探讨如何解决FlexPaper滚动条的问题,以及相关的技术细节。 首先,滚动条问题可能源于多个因素,包括JavaScript冲突、CSS样式覆盖、Flash插件与浏览器的兼容性问题等。在FlexPaper 1.5.0的更新中,...

    Flex之FlexPaper的使用

    FlexPaper是一款强大的在线文档查看和转换工具,尤其适用于展示PDF文档。它基于Adobe Flex技术,允许开发者将PDF或图像文件转换为SWF格式,以便在Web浏览器中流畅地浏览。在本文中,我们将深入探讨FlexPaper的使用,...

    flexPaper1.4.7无打印支持分页

    在CSDN和网上找了好久,很多版本的取消了打印按钮,但是无法分页。 或者就是可以分页,但是有打印按钮。最后实在没办法,只能自己改源代码。 终于做出了我需要的,虽然做的不好,但是基本上功能都已经满足了。各位...

    完美解决flexpaper打印按钮、fp字样去logo及中文路径不能读取的问题.docx

    通过以上步骤,你应该能够成功地对FlexPaper进行定制,解决描述中提到的各种问题。在实际操作过程中,可能会遇到其他具体的技术挑战,这时可以查阅FlexPaper的官方文档或开发者社区,寻求帮助和解决方案。

    在线阅读解决方案(含关键代码)--莲花

    FlexPaper允许设置分页或分段加载,这样用户可以在需要时加载相关内容,提高用户体验。确保使用FlexPaper 1.4.5或更高版本,以获得更好的性能和更多优化功能。 - **命令行参数**:在PDF2SWF转换过程中,可以使用...

    flexpaper 带翻页间隔

    8. **性能优化**:对于大型文档,FlexPaper 采用流式加载技术,只加载当前阅读的页面,减少内存占用,提高加载速度。 9. **隐私与安全**:考虑到文档可能包含敏感信息,FlexPaper 提供了安全选项,如密码保护和访问...

    FlexPaper的flex的swc文件

    合理配置缓存策略,优化文档加载速度,以及考虑在移动设备上的适配问题,都是使用FlexPaper时需要考虑的关键因素。 7. **兼容性和跨平台**:虽然FlexPaper在Flash平台上表现良好,但鉴于Flash的逐渐淘汰,开发者...

    FlexPaper源码

    8. **性能优化**:为了提高用户体验,可能需要对FlexPaper进行性能优化,比如分页加载、预加载策略以及内存管理等。 通过深入理解FlexPaper源码,开发者不仅可以实现个性化的需求,还能增强系统的稳定性和性能,...

    FlexPaper_1.5.1_flash

    FlexPaper 的出现,正是为了解决这些问题,通过将PDF转换为SWF,可以实现轻量级的在线阅读体验,同时保持文档原有的布局和质量。 SWF是一种由Adobe Flash支持的多媒体文件格式,常用于在网络上传输动态内容,如动画...

    JSP中实现FlexPaper的demo

    这将在页面中创建一个FlexPaper实例并加载文档。 ```javascript FlexPaperViewer(flexpaper_params); ``` 6. **测试与调试**:运行你的JSP页面,检查是否成功显示了FlexPaper的文档查看器。如果遇到问题,可以通过...

    flexpaper2.2.7去水印版

    总的来说,“flexpaper2.2.7去水印版”是一个定制化的在线文档查看解决方案,它结合了FlexPaper的强大功能和个性化的优化,旨在提供一个更加纯净、高效的文档浏览体验。对于那些需要展示大量无水印文档的网站或应用...

    flexpaper全套源码加示例

    3. **性能优化**:通过分页加载和动态解码,FlexPaper 能够有效地处理大体积的PDF文件,减少内存占用,提高加载速度。 三、FlexPaper 源码分析 1. **前端部分**:主要包括JavaScript代码和CSS样式,用于实现界面...

    文件在线浏览使用的flexpaper

    - **延迟加载**:针对大文档,可以使用分页加载技术,只加载当前查看的页面,减少初次加载时间。 - **缓存策略**:利用浏览器缓存或服务器端缓存已加载的文档,提高二次访问速度。 - **适应性优化**:根据设备和...

    flexpaper2.0.6.SWC

    5. 开发教程:详尽的指导材料,帮助开发者解决问题并进行开发。 6. Flex Air支持:1.4.1.swc,使得FlexPaper可应用于桌面环境。 通过这些资源,开发者可以构建出功能齐全、用户体验优秀的在线文档查看应用,无论是...

    FlexPaper-js-vresion.rar_flexpaper_flexpaper_handlers_flexpaperf

    然而,随着HTML5和Web技术的发展,FlexPaper可能需要应对Flash逐渐被淘汰的问题,开发者可以考虑使用FlexPaper的HTML5版本或者其他基于Web技术的文档查看解决方案,如PDF.js。 总的来说,FlexPaper-js-version.rar...

    Flexpaper二次开发入门教程.pdf

    解决此类问题通常涉及到调整SWF文件的编码方式,确保中文内容能正确显示。 #### 常见错误及解决方案 二次开发过程中,开发者可能会遇到各种预料之外的错误,如编译失败、运行时异常等。积累错误处理经验,有助于...

    flexpaper例子

    总的来说,FlexPaper是一个强大的在线文档预览解决方案,通过它可以轻松地在网页上展示Office和PDF文件,提供丰富的用户体验。无论是在教育、出版、协作还是任何需要在线分享文档的场景,FlexPaper都能发挥重要作用...

Global site tag (gtag.js) - Google Analytics