PDF解決方案（4）--在線瀏覽

本文轉載自查看原文 2014-07-28 20:33 1479 swf/ FlexPaper/ 在線瀏覽

SWF在線瀏覽

SWF在線瀏覽選擇的是FlexPaper，一個輕量級的開源（又是開源，開源萬歲！）組件，可以在瀏覽器中顯示各種文檔。

下載地址：http://flexpaper.devaldi.com/

在自己的頁面中引入FlexPaper的JS和CSS文件以及jquery文件，在頁面中定義一個DIV使用FlexPaperViewer方法指定swf文件路徑和其它參數渲染這個div就可以了，FlexPaper的使用比較簡單就不再詳細描述了，代碼如下：

<head>
        <link rel="stylesheet" type="text/css" href="js/FlexPaper/css/flexpaper.css">
        <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="js/FlexPaper/js/flexpaper.js"></script>
        <script type="text/javascript" src="js/FlexPaper/js/flexpaper_handlers.js"></script>
    </head>
    <body>
        <div style="position: absolute; left: 10px; top: 10px;">
            <div id="documentViewer" class="flexpaper_viewer"></div>
            <script type="text/javascript">
                var swfPath = "<%=basePath %>";
                (function getSwfPath()
                {
                    swfPath += ("file/upload/" + Request("path"));
                    initViewer();
                })(window);
                
                function Request(argname)
                {
                    var url = document.location.href;
                    var arrStr = url.substring(url.indexOf("?") + 1).split("&");
                    for (var i = 0; i < arrStr.length; i++) 
                    {
                        var loc = arrStr[i].indexOf(argname + "=");
                        if (loc != -1) 
                        {
                            return arrStr[i].replace(argname + "=", "").replace("?", "");
                            break;
                        }
                    }
                    return "";
                }
                
                function initViewer()
                {
                    $('#documentViewer').FlexPaperViewer(
                    {
                        config : {

                            SWFFile : swfPath,//swf文件路徑
            
                            //FitPageOnLoad : true,//自適應頁面
                            FitWidthOnLoad : true,//自適應寬度
                            InitViewMode : 'Portrait',//啟動模式
                            RenderingOrder : 'flash',//
                            StartAtPage : '',//初始化頁面，默認首頁
                            jsDirectory : '<%=path + "/js/FlexPaper/js/"%>',//FlexPaper js路徑
                            WMode : 'window',
                            localeChain: 'zh_CN'//語言
                        }
                    });
                    $('#documentViewer').width($('body').width()-20);
                    $('#documentViewer').height($('body').height()-20);
                }
        </script>
    </body>

FlexPaper配置有很多參數，這里有參數的中文介紹，可以用來參考：http://ajava.org/article-685-1.html

結語

這個專題主要介紹了PDF相關的文件處理，包括文件上傳，文件轉換為PDF，PDF轉換為SWF，SWF的在線瀏覽，其中用到openoffice、itext、xpdf、swftools、FlexPaper等開源工具和jar包，這些工具都非常的強大提供了很多的功能，這里用到的只是其中很小很簡單的功能，供大家參考吧！

作文是我的硬傷，經常抓不住重點，辭不達意，本末倒置，這幾篇文章也寫的很吃力，不知道如何把自己想表達的意思表述情書，所有文中會很有多說了一堆非常卻沒講到點子上的情況，歡迎大家批評指正，互相學習！

PDF解決方案（4）--在線瀏覽

相關專題鏈接

SWF在線瀏覽

結語

相關文件下載：

免責聲明！