FlexPaper+SwfTools实现的在线文档功能

    最近一个项目需要实现一个在线浏览文档的功能。准备使用FlexPaper配合Pdf2Swf实现。

主要需求在于：

    ➔ 文档页数很多，少则几百页，多则上千页。
    ➔ 相应的文档大小也在50MB以上。

根据需求，将该功能拆分成了三部分：

    ➔ 上传：支持大文件，断点续传。
    ➔ 文件转换服务：在后台进行Pdf转Swf。
    ➔ 在线浏览：分页加载。

其中文件上传部分是我同事实现的，这里主要讲下后台服务和在线浏览部分。

文件转换服务

大体思路是：
    后台服务定时扫描文件夹PdfPath，如果发现Pdf文件，则调用Pdf2Swf.exe，将PDF逐页转换成Swf文件，存入SwfPath中的与文件名称对应的文件夹里。

    这里使用了SwfTools套件中的Pdf2Swf工具：下载

主要代码：

 

写服务的时候遇到一个奇怪的Bug，发布为服务的时候，测试用的Pdf文件每次转换到37页的时候就卡住了，但是用命令行进行调试的时候却一切OK。     Google后发现，原来是Process的output流问题：output流只有2KB，而Pdf2Swf会产生大量输出，2KB很快就耗尽了。

    之前在测试的时候，发现转换过程中会出现文字丢失的现象。这里使用了-s drawonlyshapes 这个参数，将Pdf全部作为图片转换的。这样虽然保证了兼容性，但是牺牲了空间。作为图片生成的Swf比文本格式的Swf要大不少，不知道大家有没有什么好的解决方法。

在线浏览

    FlexPaper支持分页加载，采用{filename[*,padding],total pages}这种语法即可。

主要代码：

<a id="viewerPlaceHolder" style="width: 800px; height: 600px; display: block"></a>

<script type="text/javascript">
    var fp = new FlexPaperViewer(
    'FlexPaperViewer',
     'viewerPlaceHolder', { config: {
         SwfFile: 'SwfFolder/<%=Folder %>/{<%=Folder %>[*,0].swf,<%=PageNum %>}',
         localeChain: "zh_CN", //中文
         Scale: 1,
         ZoomTransition: 'easeOut',
         ZoomTime: 0.5,
         ZoomInterval: 0.2,
         FitPageOnLoad: false,
         FitWidthOnLoad: false,
         PrintEnabled: true,
         FullScreenAsMaxWindow: false,
         ProgressiveLoading: false,
         MinZoomSize: 0.2,
         MaxZoomSize: 5,
         SearchMatchAll: false,
         InitViewMode: 'Portrait',

         ViewModeToolsVisible: true,
         ZoomToolsVisible: true,
         NavToolsVisible: true,
         CursorToolsVisible: true,
         SearchToolsVisible: true
     }
     });
</script>

 

FlexPaper无法载入中文文件名。如果右上角的圈圈一直在转，注意是不是文件名称的问题。

参考文章

c# System.Diagnostics.Process 调用外部程序时WaitForExit锁死问题分析及解决方案

FlexPaper+SWFTools 实现仿百度文库及一些小问题

Pdf2Swf命令行参数

解决FlexPaper分页分段加载问题

源码

分页加载：FlexPaper.zip

文件转换服务：PDFtoSWFService.zip