asp.net 实现pdf、swf等文档的浏览
一、pdf的浏览
可以借助于pdf.js插件完成,使用pdf.js的好处是不需要安装额外的插件(比如flash),是纯web的解决方案。插件的下载链接:http://mozilla.github.io/pdf.js/。
通过pdf.js里面的示例代码可以看出,实际上浏览pdf文档是通过viewer.html实现的。在链接后面通过传入file参数,实现不同文档的浏览。比如如下的链接:
<a href="#" onclick="show('../../Js/pdf.js/web/viewer.html?file=/damis/PDFFiles/{SFZH}.pdf')">pdf</a>
其中show方法是我定义的一个js方法,用于弹出窗口,定义如下:
<script type="text/javascript"> function show(openUrl) { var iWidth = 820; //弹出窗口的宽度; var iHeight = 680; //弹出窗口的高度; var iTop = (window.screen.availHeight - 30 - iHeight) / 2; //获得窗口的垂直位置; var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; //获得窗口的水平位置; window.open(openUrl, "", "height=" + iHeight + ", width=" + iWidth + ", top=" + iTop + ", left=" + iLeft + ",toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no,alwaysRaised=yes,depended=yes"); } </script>
{SFZH}是EXT.NET里面传入参数的方式,不是重点。
效果图:
二、swf的浏览
有时候为了追求更好的浏览体验,可能需要借助于flash。有现成的flexpaper可以使用。
flexpaper只接收swf文件,所有在使用之前必须准备好swf文件。由于我们如上已经通过itextsharp生成了pdf文档,所以只需要将pdf转换为swf即可。这个功能我们可以使用pdf2swf.exe来完成,可以去http://www.swftools.org/下载。
实现pdf到swf的转换代码如下:
protected void Page_Load(object sender, EventArgs e) { if (!X.IsAjaxRequest) { string sfzh = Request.QueryString["sfzh"] as string; string exe = Server.MapPath("~/Base/pdf2swf.exe"); string source = CommonUtil.GetLocalPathByIdentitycard(sfzh) + sfzh + ".pdf"; string dest = Path.Combine(Server.MapPath("~"), "Swf\\" + sfzh + ".swf"); if (!File.Exists(dest)) { System.Diagnostics.Process process = new System.Diagnostics.Process(); process.StartInfo.FileName = exe; process.StartInfo.Arguments = source + " -o " + dest + " -T 9 -f"; process.StartInfo.WindowStyle = System.Diagnostics.ProcessWindowStyle.Hidden; process.StartInfo.CreateNoWindow = true; process.StartInfo.UseShellExecute = false; process.StartInfo.RedirectStandardInput = true; process.StartInfo.RedirectStandardOutput = true; process.StartInfo.RedirectStandardError = true; process.Start(); process.WaitForExit(); process.Close(); } string swfFile = "../../Swf/" + sfzh + ".swf"; this.Literal1.Text = "var swfFile = '" + swfFile + " '"; } }
这里是通过Process进程实现转换。
前台代码:
<a href="#" onclick="show('DASwfView.aspx?sfzh={SFZH}')">swf</a>
show方法跟如上pdf弹出文档的js方法是一样的。
弹出的DASwfView.aspx页面中的html代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DASwfView.aspx.cs" Inherits="DAMIS.Web.Web.DAQueryStatistics.DASwfView" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../../Js/swfobject/swfobject.js" type="text/javascript"></script> <script src="../../Js/flexpaper_flash_debug.js" type="text/javascript"></script> <script src="../../Js/jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> <asp:Literal ID="Literal1" runat="server"></asp:Literal> </script> <script src="../../Js/DocumentView.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div style="position: absolute; left: 3px; top: 3px;" align="center"> <div id="flashContent"> <p> To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed. </p> <script type="text/javascript"> var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>"); </script> </div> </div> </form> </body> </html>
如上需要引用的几个js文件可以下载到。DocumentView.js这个文件中有一段代码需要注意:
swfobject.embedSWF( "../../Swf/DocumentViewer.swf", "flashContent", "800", "675", "10.0.0", "playerProductInstall.swf", flashvars, params, attributes);
这里的DocumentViewer.swf文件借用了Insus的InsusDocumentViewer.swf文件(改了个名)。而这部分实现也是参考了Insus的解决方案,具体的可以参考:http://www.cnblogs.com/insus/p/3574298.html这篇博文。
如下的代码就实现在线将pdf转换为swf并显示的功能,效果图如下: