Loading

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并显示的功能,效果图如下:

 

posted @ 2017-04-10 10:17  guwei4037  阅读(1088)  评论(0编辑  收藏  举报