程序员经验分享-hwhale

flexpaper实现文档的在线预览

2023-05-16

在把文档的格式转换成swf格式以后，现在该实现在线的预览。 在线预览的方法有两种方式。 第一种： 通过flashpaper实现文档的在线预览。第二种是通过flexpaper实现文档的在线预览。 在博客中用到的是第二种方法。 在这里我们来了解一下是什么是flexpaper。

     1  Flexpaper的简介

     FlexPaper是一个被设计用来与PDF2SWF一起使用，开源轻量级的在浏览器上显示各种文档的组件， 使在Flex中显示PDF成为可能，而这个过程并无需PDF软件环境的支持。它可以被当做Flex的库来使用。也可以通过将一些例如Word、PPT等文档转成PDF，然后实现在线浏览。

      本文用到的flexpaper的版本是：FlexPaper_1.4.5_flash，

     下载的地址：http://download.csdn.net/download/yali1990515/4443796

      下载之后直接加压就可以了，下面是解压之后的文件截图：

      

     

      主要文件，文件夹说明：

  • examples文件夹：存放FlexPaper使用的例子

  • js文件夹：存放FlexPaper调用的js文件

  • php文件夹：存放php使用FlexPaper的例子

  • index.html：例子主页

  • FlexPaperViewer.swf：FlexPaper的核心文件

  • playerProductInstall.swf：如果客户端浏览器的flashplayer版本过低，将嵌入此swf文件

        2 Flexpaper的参数含义

            

  • SwfFile (String)需要使用Flexpaper打开的文档

    Scale (Number)初始化缩放比例，参数值应该是大于零的整数

    ZoomTransition (String) Flexpaper中缩放样式，它使用和Tweener一样的样式，默认参数值为easeOut.其他可选值包括: easenone, easeout, linear, easeoutquad

    ZoomTime (Number)从一个缩放比例变为另外一个缩放比例需要花费的时间，该参数值应该为0或更大。

    ZoomInterval (Number)缩放比例之间间隔，默认值为0.1，该值为正数。

    FitPageOnLoad (Boolean)初始化得时候自适应页面，与使用工具栏上的适应页面按钮同样的效果。

    FitWidthOnLoad (Boolean)初始化的时候自适应页面宽度，与工具栏上的适应宽度按钮同样的效果。

    localeChain (String)设置地区（语言），目前支持以下语言。

        en_US (English)

        fr_FR (French)

        zh_CN (Chinese, Simple)

        es_ES (Spanish)

        pt_BR (Brazilian Portugese)

        ru_RU (Russian)

        fi_FN (Finnish)

        de_DE (German)

        nl_NL (Netherlands)

        tr_TR (Turkish)

        se_SE (Swedish)

        pt_PT (Portugese)

        el_EL (Greek)

        da_DN (Danish)

        cz_CS (Czech)

        it_IT (Italian)

        pl_PL (Polish)

        pv_FN (Finnish)

        hu_HU (Hungarian)

    FullScreenAsMaxWindow (Boolean)当设置为true的时候，单击全屏按钮会打开一个flexpaper最大化的新窗口而不是全屏，当由于flash播放器因为安全而禁止全屏，而使用flexpaper作为独立的flash播放器的时候设置为true是个优先选择。

    ProgressiveLoading (Boolean)当设置为true的时候，展示文档时不会加载完整个文档，而是逐步加载，但是需要将文档转化为9以上的flash版本（使用pdf2swf的时候使用-T 9 标签）。

    MaxZoomSize (Number)设置最大的缩放比例。

    MinZoomSize (Number)最小的缩放比例。

    SearchMatchAll (Boolean)设置为true的时候，单击搜索所有符合条件的地方高亮显示。

    InitViewMode (String)设置启动模式如"Portrait" or "TwoPage".

    ViewModeToolsVisible (Boolean)工具栏上是否显示样式选择框。

    ZoomToolsVisible (Boolean)工具栏上是否显示缩放工具。

    NavToolsVisible (Boolean)工具栏上是否显示导航工具。

    CursorToolsVisible (Boolean)工具栏上是否显示光标工具。

    SearchToolsVisible (Boolean)工具栏上是否显示搜索

     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
            3 flexpaper的使用例子
        
[html]  view plain copy print ?
  1. <span style="color:#009900;"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%  
  3.     String path = request.getContextPath();  
  4.     String basePath = request.getScheme() + "://"  
  5.             + request.getServerName() + ":" + request.getServerPort()  
  6.             + path + "/";  
  7. %>  
  8.   
  9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  10. <html>  
  11.     <head>  
  12.   
  13.   
  14.         <title>文档显示页面</title>  
  15.   
  16.         <meta http-equiv="pragma" content="no-cache">  
  17.         <meta http-equiv="cache-control" content="no-cache">  
  18.         <meta http-equiv="expires" content="0">  
  19.         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  20.         <meta http-equiv="description" content="This is my page">  
  21.         <!-- 
  22.     <link rel="stylesheet" type="text/css" href="styles.css"> 
  23.     -->  
  24.         <style type="text/css" media="screen">  
  25. html,body {  
  26.     height: 100%;  
  27. }  
  28.   
  29. body {  
  30.     margin: 0;  
  31.     padding: 0;  
  32.     overflow: auto;  
  33. }  
  34.   
  35. #flashContent {  
  36.     display: none;  
  37. }  
  38. </style>  
  39.   
  40.         <script type="text/javascript" src="js/flexpaper_flash.js">  
  41. </script>  
  42.     </head>  
  43.   
  44.     <body>  
  45.     <div>  
  46.     <br/><Br/><br/>  
  47.     </div>  
  48.         <div style="position:absolute;left:200px;top:10px;">  
  49.             <a id="viewerPlaceHolder" style="width:650px;height:700px;display:block"></a>  
  50.               
  51.             <script type="text/javascript">  
  52.                 var fp = new FlexPaperViewer(     
  53.                          'FlexPaperViewer',  
  54.                          'viewerPlaceHolder', { config : {  
  55.                          SwfFile : escape('http://localhost:8080/Test/swf/1.swf'),  
  56.                          Scale : 0.8,   
  57.                          ZoomTransition : 'easeOut',  
  58.                          ZoomTime : 0.5,  
  59.                          ZoomInterval : 0.2,  
  60.                          FitPageOnLoad : true,  
  61.                          FitWidthOnLoad : false,  
  62.                          PrintEnabled : false,  
  63.                          FullScreenAsMaxWindow : false,  
  64.                          ProgressiveLoading : true,  
  65.                          MinZoomSize : 0.2,  
  66.                          MaxZoomSize : 5,  
  67.                          SearchMatchAll : false,  
  68.                          InitViewMode : 'Portrait',  
  69.                            
  70.                          ViewModeToolsVisible : true,  
  71.                          ZoomToolsVisible : true,  
  72.                          NavToolsVisible : true,  
  73.                          CursorToolsVisible : true,  
  74.                          SearchToolsVisible : true,  
  75.                           
  76.                          localeChain: 'zh_CN'  
  77.                          }});  
  78.             </script>  
  79.         </div>  
  80.     </body>  
  81. </html></span>  
           在这里的测试的时候把页面建在了于flexpaper的根目录下，这样只是为了方便测试，不是一定要放在同一个目录下。下面是文件放在的位置和效果预览图。
         
           效果图：
           
 

在显示的时候发现pdf转换swf格式的文件出现了乱码的问题，在这里总结一下出现的问题。

        第一个 ： 在网页上显示资源时无法显示。如图：

     

         分析原因 ：

              出现这种情况分为三种情况。第一种情况是在播放官方的swf的文件，这样的情况的原因是没有得到官方的信任。在官方添加信任就好。具体操作如下：

             进入官网，网址如下：http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html#119065

  为FlexPaper添加信任.进入网页之后 ，点击左边的 Global Security Settings papel 这个选项,然后在右边(如下图)

  

           第二种情况 ; 可以加载官方的案例，可是无法加载自己的资源 

         当我们想要FlexPaper加载我们自己的swf时，发现一直处于等待状态，无法显示，检查swf的路径也没错，但就是一直无法加载。这种情况，很有可能就是.swf文件的版本问题啦。我们运行SWFTools的图形工具（gpdf2swf.exe）把pdf转换为swf，但是转换后的swf也不能被Flexpaper正常加载，如果你确保路径没错的话，那就是版本的问题啦。

我们可以查看转换时swf的版本，我们可以点击 Edit->Options->Viewer：

          

可以看到它帮我们转换为SWF的版本有 7,8两项,但这都是不能正常在FlexPaper中加载的，我们必须把pdf转换为版本为9的swf，才能让它在Flexpaper中显示。那么如何转换为9的呢？我自己是使用cmd命令行工具来手工转换的.只须在命令行添加 "-s flashversion=9" 这句，就可以转换为9的版本啦.示例如下:

参数说明如下：

（SWFTools我的默认安装路径是: E:\Program Files\）

SWFTools：pdf2swf.exe工具所在的文件夹,

-t: 源文件路径，即待转换的pdf文件路径。

-s: 设置参数,这里我们设置为 flashversion=9 ，即可以转换为9 的版本啦。

-o: 输出文件的路径,这里我输出到F:盘下

好了，这样就转换成功啦，你就可以得到一个.swf的文件，你只需拷到你下载的Demo里，配置好路径后，你就会发现FlexPaper可以正常加载你的swf啦.

在这里稍微强调一个小问题：文件夹名字带有空格

对于 -t ,-o 这两个参数,就是对于源文件路径来输出文件路径的问题，如果你的文件夹的名字中，有空格的话，这样是不能找到你的文件的。

比如说：我要转换的pdf源文件在 E:\Program Files\SWFTools\这个文件夹下，当我这样写 -t E:\Program Files\SWFTools\ajax.pdf 或者是输出文件路径写成这样 - o E:\Program Files\SWFTools\ajax.swf  这样都是不能成功的，因为这里面有文件夹名含有空格，这应该是cmd命令的问题（这个我也不是很懂，希望有高手能说一下）,这里你只有在路径的前后加上又引号就能成功啦，如: -t "E:\Program Files\SWFTools\ajax.pdf" 或  -o "E:\Program Files\SWFTools\ajax.swf" 这样就OK啦.

             第三种情况：  可以加载资源可是无法播放。分析思路

          第一：确定一下你传递的资源的后缀名是否正确，因为flexpaper 只能播放后缀名为swf的文件。

          第二： 查看文件的路径是否正确，如果在jsp页面中，必须查看传递的资源路径是否存在乱码。

          二 中文乱码的问题

            出现中文乱码的一般在txt格式转换成pdf格式的过程中还有就是在pdf转换成swf格式的时候出现。

            在这里先说第一种txt格式转换。在进行文本文档的转换时，进行一个中间过渡。可以先把txt转换成odt文件，之后转换成pdf格式就不会出现乱码。 具体的步骤在

仿百度文库解决方案（三）- 利用JODConverter把文档转换成pdf格式

               在pdf转换swf格式的出现的乱码比较容易解决。只需要几个代码修改一下就好了具体步骤如下：

         

在转换中，我发现有些中文PDF文件转换后会出现乱码的现象，因此这里还要处理一下乱码的问题。看到上面代码中红色的一段了吗？这就是解决乱码的方法。这个方法是参考了http://hi.baidu.com/xwx520/blog/item/1d0c423885b392fab311c72e.html这篇文章，感谢作者。

1.下载XPDF：ftp://ftp.foolabs.com/pub/xpdf/xpdf-chinese-simplified.tar.gz，并解压到xpdf-chinese-simplified目录下。

 

2.下载字体：http://blog.pjoke.com/wp-content/uploads/2009/02/font.zip，并解压到xpdf-chinese-simplified/CMap目录下。

 

3.修改xpdf-chinese-simplified目录下的add-to-xpdfrc文件。将里面的路径设为自己的路径：

 

4 之后在调用pdf2swf命令时后面加上“

  1. -s languagedir=D:\\xpdf-chinese-simplified";  

”就可以了。

 
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

flexpaper实现文档的在线预览 的相关文章

  • android四大组件之Activity - (2)onNewIntent()的作用

    要说onNewIntent 就不得不提到Activity的四种启动模式 分别是 1 standard 标准模式 也是系统默认的模式 每次都会新建Activity放置任务栈中 2 singleTop 模式 这个模式能够确保每次使用的Activ

  • 解决谷歌无法加载扩展程序

    方法一 1 先将下载的文件 crx格式修改为 zip 2 然后解压zip格式文件 3 选择加载解压过的zip文件 即可 方法二 1 在Google Chrome浏览器的桌面快捷方式上鼠标右键 xff0c 选择属性 R xff0c 进入如下界

  • 好玩的CMD几个命令

    1 msg命令 如果是在局域网中使用msg命令可以达到恶作剧的效果 msg server 192 168 1 26 东东是个人物 xff01 server 这里输入要发送人的IP地址 后面是输出的文字 2 Nslookup 检查网站的ip地

  • MySQL数据库使用相关语句

    目录 MySQL数据库的安装位置创建命令建库查看插入 编码格式配置文件修改数据库外网权限索引 MySQL数据库的安装位置 etc my cnf mysql配置文件 usr bin 客户端程序和脚本 usr sbin mysqld 服务器 v

  • C++筛法求素数

    假定题目为输出n以内的所有素数 一般方法 最容易理解的一个方法 xff0c 从0遍历到根号n判断n是否能被整除 使用时只需要记住判断到根号n就可以了 但是时间复杂度是o xff08 n sqrt xff08 n xff09 xff09 xf

  • 七 对话框

    1 模态与非模态对话框 模态对话框创建 CTestDlg dlg dlg DoModal 非模态对话框的创建 CTestDlg pDlg 61 new CTestDlg pDlg gt Create IDD DIALOG1 this pDl

  • 如何保证缓存与数据库的一致性

    关系型数据库系统给我们带来许多惊艳的特性 xff0c 例如 xff1a ACID 但为了维护这些特性 xff0c 数据库的性能在高负载下也会下降 为了提高性能 xff0c 通常会在项目的应用层 xff08 处理业务逻辑 xff09 和存储层

  • linux自定义图标主题目录及启动路径

    启动图标 就是按windows键出现一大堆应用的快捷方式 xff08 xxxx desktop xff09 目录 xff1a usr share applications 图标文件目录 xff1a usr share icons

  • Centos7 yum升级内核

    1 查看当前内核版本 uname r 3 10 0 1160 25 1 el7 x86 64 uname a Linux localhost localdomain 3 10 0 1160 25 1 el7 x86 64 1 SMP Wed

  • Ubuntu上安装Git

    1 安装git span class token function apt get span span class token function install span span class token function git span

  • AE或PR2020版本驱动程序或显卡不兼容问题解决

    AE或PR2020版本驱动程序或显卡不兼容问题解决 建议系统提前备份 xff0c 防止后期出错 驱动程序不兼容 xff1a AE为例 1 点击修复 gt 跳转到浏览器界面 gt 建议驱动程序版本 xff08 27 20 100 8476 或

  • Qt调用js和js交互， QWebengine调用js

    QWebengine 调用js有两种方式 通过QWebChannel调用 写一个类然后继承QObject用于和js进行通信交互 ifndef TINTERACT OBJECT H define TINTERACT OBJECT H incl

  • LinuxMint KDE任务栏消失恢复

    桌面右击 gt 添加面板 gt 添加默认面板 就恢复了

  • 神奇的输入法——小狼毫——个性化设置

    电脑硬盘坏了 xff0c 重新换了硬盘 xff0c 自然就要把软件重新安装一遍 个人喜欢用 五笔输入法 xff0c 之前一直用的 极点五笔 xff0c 但是它一直没有更新 偶然间搜索到了 小狼毫 xff0c 用户评价都不错 xff0c 果断

  • MySQL explain字段总结

    目录 作用表组成id xff08 表的读取顺序 xff09 select type xff08 数据读取操作的操作类型 xff09 字段 type字段 possible key xff08 那些索引可以使用 xff09 key xff08

  • 查找 替换 细节

    查找内容 可以快速搜索每一处指定单词或词组 1 单击 编辑 菜单中的 查找 命令 2 在 查找内容 框内键入要查找的文字 3 选择其他所需选项 若要一次选中指定单词或词组的所有实例 xff0c 请选中 突出显示所有在该范围找到的项目 复选框

  • Anaconda和pip异常

    一 Anaconda异常 1 No module named unicodedata 正常使用时出现这个问题 xff0c 与其想着怎么解决 xff0c 不如直接重装python环境或者试试卸载并重新安装pip 卸载并重新安装pip请参考博客

  • Linux下批量替换tab到空格的转换

    将所有文件中的tab批量替换为空格 find type f exec sed i orig 39 s t g 39 43 其中 34 t 34 后面跟的是空格的数量 xff0c 我这里是4个空格 原链接 xff1a https stacko

  • fegin调用的时候数据格式转换为linkedhashmap

    在spring cloud项目开发中 xff0c 使用fegin进行远程调用 1 接口服务方返回类型为Map String Object 类型 2 接口调用方返回值类型也是Map String Object 3 通过fegin调用之后返回的

  • 在虚拟机上运行vxWorks

    Vxworks是一个嵌入式系统 xff0c 主要运行在arm ppc mips等嵌入式处理器上 xff0c 它同样可以运行在X86处理器上 风河公司开发的tornado开发环境就 包括了pentium版本 xff0c 并且发布了相应的bsp

随机推荐

  • 点乘和叉乘

    向量点乘 xff08 内积 xff09 和叉乘 xff08 外积 向量积 xff09 向量 向量是由n个实数组成的一个n行1列 xff08 nX1 xff09 或一个1行n列 xff08 1Xn xff09 的有序数组 xff1b 点乘 向

  • ​​Linux下ps -ef和ps aux的区别及格式详解​

    Linux下显示系统进程的命令ps xff0c 最常用的有 ps ef 和 ps aux 这两个到底有什么区别呢 xff1f 两者没太大差别 xff0c 讨论这个问题 xff0c 要追溯到Unix系统中的两种风格 xff0c System

  • Windows命令行操作

    打开 win 43 r然后输入cmd回车 命令 cd进入命令 dir显示命令

  • JDK源码之-java.lang.Object

    JDK源码之 java lang Object public final native Class lt gt getClass public native int hashCode public boolean equals Object

  • Docker安装Elasticsearch的遇到的那些坑

    1 根据百度到的一篇文章 https segmentfault com a 1190000004376504 下载其最新镜像 hangxin1940 docker elasticsearch cn v2 1 0 使用 docker run

  • APScheduler Execution of job “***“ skipped: maximum number of running instances reached (1)

    错误原因 有错误提示所说 xff0c 因为超过了最多实例个数 xff0c APScheduler的默认最大实例个数为1 xff0c 导致之后任务调用阻塞 xff0c 无法进行执行 解决办法 提高代码效率 xff0c 缩短代码运行时间 延长定

  • Spring boot + Spring Security + Thymeleaf 认证失败返回错误信息

    Spring boot 43 Spring Security 43 Thymeleaf 认证失败返回错误信息 Spring boot以其众多友谊的特性 xff0c 如零配置 微服务等 xff0c 吸引了很多的粉丝 而其与Spring Sec

  • Java经典面试题（其三）——JVM原理和调优

    Java经典面试题 xff08 其三 xff09 JVM原理和调优 一 什么是JVM JVM是Java Virtual Machine xff08 Java虚拟机 xff09 的缩写 xff0c JVM是一种用于计算设备的规范 xff0c

  • Spring Boot Starter的面试题

    Spring Boot Starter的面试题 1 常见的starter会包几个方面的内容 xff1f 分别是什么 xff1f span class hljs comment 常见的starter会包括下面四个方面的内容 span span

  • 个人经历：谈一谈的程序员求职途径

    个人经历 xff1a 谈一谈的程序员求职途径 互联网招聘网站的确是五花八门 xff0c 种类繁多 xff0c 在投递简历 xff0c 接听面试电话的过程中 xff0c 要擦亮眼睛 xff0c 慎重选择和沟通 我是去年跳槽的 xff0c 下面

  • JVM调优再学习

    JVM调优再学习 堆大小设置 JVM中最大堆大小有三方面限制 xff1a 相关操作系统的数据模型 xff08 32 bit还是64 bit xff09 限制 xff1b 系统的可用虚拟内存限制 xff1b 系统的可用物理内存限制 32位系统

  • Dubbo源码学习基础

    dubbo源码学习基础 Dubbo源码学习基础Java RMI 基本概念在 Dubbo 中使用注解自定义容错策略正确加载MyFilter类Dubbo可扩展机制实战Dubbo的SPI机制自定义一个LoadBalance扩展Dubbo 外部化配

  • ubuntu中Terminal消失

    Terminal不见了 安装Python 3 6 在Ubuntu 16 04 LTS 版本 警告 xff1a 在根据下面文章操作之后 xff0c 电脑终端关上之后再也打不开 xff0c 因为同时修改了很多东西 xff0c 所以排查了好久才找

  • MacVim学习总结

    Emacs和Vim都是程序员专用编辑器 xff0c Emacs被称为神的编辑器 xff0c Vim则是编辑器之神 至于两者到底哪个更好用 xff0c 网络上两大派系至今还争论不休 不过 xff0c 相比之下 xff0c Emacs更加复杂

  • Passbook对应系统配置 Eclipse Tomcat配置JavaWeb项目部署 Sysdeo Eclipse Tomcat Launcher plugin

    在 Eclipse J2EE Juno 43 Tomcat 6 用Tomcat Plugin配置Tomcat 应用时 xff0c 不想Copy一堆 jar文件到应用的lib目录中 xff0c 应该可以用Activate DevLoader在

  • Ubuntu或CentOS下Python源码安装，以及需要的依赖包，pip修复安装

    准备环境 依赖包 span class token function sudo span span class token function apt get span y update span class token operator a

  • Seasar2 框架学习笔记

    基本Seasar2 Web应用工程结构 Seasar2这个框架在日本十分的流行 Seasar2其实就是类似于Spring的一个提供DI功能的开源框架 xff0c 但比Sping轻量级 并且同 其它轻量级容器 不同的是 xff0c 完全不需要

  • Struts Tiles框架，标签库详解<tiles:insert page="facebook.jsp" />

    Tiles框架为创建Web页面提供了一种模板机制 xff0c 它能将网页的布局和内容分离 它允许先创建模板 xff0c 然后在运行时动态地将内容插入到模板中 Tiles 框架建立在JSP的include指令的基础上 xff0c 但它提供了比

  • 解决：弹出“Building workspace has encountered a problem. Error 方法

    开发过程中常遇到这种情况 xff0c 在打开eclipse的时候 xff0c 弹出对话框 xff0c 提示 Building workspace has encountered a problem Errors during build 解

  • flexpaper实现文档的在线预览

    在把文档的格式转换成swf格式以后 xff0c 现在该实现在线的预览 在线预览的方法有两种方式 第一种 xff1a 通过flashpaper实现文档的在线预览 第二种是通过flexpaper实现文档的在线预览 在博客中用到的是第二种方法 在

热门标签