【原创】FlexPaper 实现百度文库式应用

最近有个项目,需要实现类似百度文库的东西。在参照了博客园几个文章之后实现了这个效果。

【准备工作】  

先下载FlexPaper,这个东西在网上搜下吧,版本变化快,还是现用现搜比较好。

 把FlexPaper里的两个文件添加到项目中。 1:FlexPaperViewer.swf;   2:viewer.swf;

 还有两个JS文件,可以放到你项目对应的JS目录中。  2:swfobject.js;  2:flexpaper_flash.js;

 我是把这个功能放到了用户控件当中。控件中代码如下:


 1     <script type="text/javascript" src="../script/swfobject/swfobject.js"></script>
 2 
 3     <script type="text/javascript" src="../script/flexpaper_flash.js"></script>
 4 
 5     <script type="text/javascript" src="../script/jquery.js"></script>
 6 
 7     <script type="text/javascript">
 8                 var swfVersionStr = "9.0.124";
 9                 var xiSwfUrlStr = "${expressInstallSwf}";
10                 var flashvars = {
11                 SwfFile: "../UploadFiles/<%=getVal()%>",
12                     Scale: 1,
13                     ZoomTransition: "linear",
14                     ZoomTime: "greater",
15                     ZoomInterval: 0.1,
16                     FitPageOnLoad: false,
17                     FitWidthOnLoad: false,
18                     PrintEnabled: true,
19                     FullScreenAsMaxWindow: false,
20                     ProgressiveLoading: false,
21 
22                     PrintToolsVisible: true,
23                     ViewModeToolsVisible: true,
24                     ZoomToolsVisible: true,
25                     FullScreenVisible: true,
26                     NavToolsVisible: true,
27                     CursorToolsVisible: true,
28                     SearchToolsVisible: false,
29 
30                     localeChain: "zh_CN"
31                 };
32                 var params = {
33 
34             }
35             params.quality = "high";
36             params.bgcolor = "#ffffff";
37             params.allowscriptaccess = "sameDomain";
38             params.allowfullscreen = "true";
39             var attributes = {};
40             attributes.id = "FlexPaperViewer";
41             attributes.name = "FlexPaperViewer";
42             swfobject.embedSWF(
43                 "FlexPaperViewer.swf""flashContent",
44                 "680""505",
45                 swfVersionStr, xiSwfUrlStr,
46                 flashvars, params, attributes);
47             swfobject.createCSS("#flashContent""display:none;text-align:left;");
48     </script>
49 
50     <div id="flashContent">
51 
52         <script type="text/javascript">
53                         var pageHost = ((document.location.protocol == "https:"? "https://" : "http://");
54                         <%--document.write("<a href='http://www.adobe.com/go/getflashplayer'>"); --%>
55         </script>
56 

57     </div>  

上面代码基本无需改动,可能你需要调整大小或者相关的界面设置,查看该插件的文档即可找到。

唯一需要改动的地方可能就是你使用的版本号,还有第11行:SwfFile: "../UploadFiles/<%=getVal()%>"

 这行代码指明你要读取的文件所在位置,这个文件必须是SWF结尾的文件。

 效果如图:


=================================================================

现在说说怎么把WORD,PPT,EXCEL变成这个swf文件。

 还需要一个辅助工具,SWFTools。下载这个文件,并安装。需要用到里面的pdf2swf.exe进行PDF到SWF的转换。

 先上代码。

 1 /// <summary>
 2         /// 上传按钮
 3         /// </summary>
 4         /// <param name="sender"></param>
 5         /// <param name="e"></param>
 6         protected void Button1_Click(object sender, EventArgs e)
 7         {
 8             ////获取文件信息 
 9             string FileName = FileUpload1.FileName;
10             string file_str = "文件名称:" + FileName + "<br>";
11             file_str = "文件类型:" + FileUpload1.PostedFile.ContentType + "<br>";
12             file_str = "文件长度:" + FileUpload1.PostedFile.ContentLength.ToString() + "KB<br>";
13             //上传文件到服务器 
14             //string _FileName = FileUpload1.PostedFile.FileName.Substring(FileName.LastIndexOf("\\") + 1);// 取出文件名的路径(不包括文件的名称) 
15 
16             string upload_file = Server.MapPath("./upload/"+ FileName;//取出服务器虚拟路径,存储上传文件 
17 
18             FileUpload1.PostedFile.SaveAs(upload_file);//开始上传文件 
19 
20             string sWebPath = Request.MapPath("");
21             string sFile = sWebPath + "\\upload\\56.pdf";
22             string dFile = sFile.Replace(".pdf"".swf");
23 
24             if (!File.Exists(dFile))
25             {
26                 if (!Doc2Swf(@"C:\SWFTools\pdf2swf.exe", sFile, dFile,FileName))
27                 {
28                     Response.Write("该文档被加密,不能转换!");
29                 }
30             }
31         }
32 
33         private Boolean Doc2Swf(string appPath, string Source, string Des,string filename)
34         {
35             Process pc = new Process();
36             ProcessStartInfo psi = new ProcessStartInfo(appPath, Source + " " + Des);
37             try
38             {
39                 pc.StartInfo = psi;
40                 pc.Start();
41                 pc.WaitForExit();
42                 val = filename.Replace(".pdf"".swf");
43                 //getVal(val);
44             }
45             catch
46             {
47                 return false;
48                 throw;
49             }
50             finally
51             {
52                 pc.Close();
53             }
54             return File.Exists(Des);

55         }  


 上传的文件必须是PDF格式的文件。先把后缀Replace成swf.

 再通过这行代码 执行文件的实质转换 Doc2Swf(@"C:\SWFTools\pdf2swf.exe", sFile, dFile,FileName)

 其中需要改的也就是第一个参数,刚才装的软件路径。 

 以上出现的代码,是项目和我写测试时候代码结合。因为项目中有些东西又封装了,看起来没有这样清晰。

基本这样就算完成。下面还有一个情况就是,这个文件必须是PDF,那WORD,PPT,EXCEL又如何转PDF呢。

因为项目没有那么强烈说,需要直接上传WORD,PPT这样的要求,所以我也没研究用程序转换的方法。

这里我再提供一个工具,微软提供,免费使用。 

SaveAsPDFandXPS  这个软件装完后,你的WORD,PPT,EXCEL就可以直接保存成PDF。

 

感谢大家。这篇博文,我只是留作保存,并非一个教学文章,也是希望对有需要的朋友有些帮助。

另外这个插件里面的LOGO部分,应该需要破解去除,因为我也不太懂FLASH,所以没有去除LOGO版的,如果哪位朋友有,可以留言给我。 

posted on 2011-05-14 18:11  超级管理员  阅读(4152)  评论(12编辑  收藏  举报