asp.net 实现pdf、swf等文档的浏览

2022-08-09 18:19:06

一、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里面传入参数的方式，不是重点。

效果图：

asp.net 实现pdf、swf等文档的浏览

二、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并显示的功能，效果图如下：

asp.net 实现pdf、swf等文档的浏览

上一篇：ASP.NET 实现PDF文件下载


下一篇：js数字时钟