脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → C#教程 → asp.net无刷新下载

实现ASP.NET无刷新下载并提示下载完成的开发思路

 更新时间：2015年10月12日 14:21:45   投稿：mrr  
这篇文章主要介绍了实现ASP.NET无刷新下载并提示下载完成的开发思路的相关资料,需要的朋友可以参考下

先给大家贴代码了，后面给大家在做具体的文字说明。

以下是前端代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title></title>
  <script src="Scripts/jquery-1.8.2.js"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnDownLoad").on("click", function () {
        var $loading = $("#loadingbox");
        var downId = new Date().getTime() + "-" + Math.random();
        $loading.css("display", "block");
        DownLoad($("#downfile").val(), downId);
        var tid=setInterval(function () {
          $.post("WebForm2.aspx", { getresult: "Y", downid: downId }, function (result) {
            //document.writeln("result:" + result);
            if(result=="Y")
            {
              clearInterval(tid);
              $loading.css("display", "none");
              alert("下载完成！");
            }
          });
        }, 3000);
      });
      function DownLoad(filename,downid) {
        var $form = $("<form target='' method='post' action='WebForm2.aspx'></form>");
        $form.append("<input type='hidden' name='filename' value='" + filename + "'>");
        $form.append("<input type='hidden' name='downid' value='" + downid + "'>");
        $('body').append($form);
        $form.submit();
      }
    });
  </script>
</head>
<body>

    要下载的文件名：<input type="text" id="downfile" />

 <input type="button" id="btnDownLoad" value="无刷新下载文件" />
  <div id="loadingbox" style="display:none;">
    正加下载中，请稍候。。。
  </div>
</body>
</html>

以下是服务器端代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
namespace WebApplication1
{
  public partial class WebForm2 : System.Web.UI.Page
  {
    protected void Page_Load(object sender, EventArgs e)
    {
      if (Request.HttpMethod == "POST")
      {
        string getresult = Request.Form["getresult"];
        string downId=Request.Form["downid"];
        string cacheKey =string.Format("downloadcompleted-{0}-{1}",downId,Request.UserHostAddress);
        if (getresult == "Y") //判断是否为获取下载结果的请求
        {
          string result = (Cache[cacheKey] ?? "N").ToString();
          Response.Clear();
          Response.Write(result);
          if(result=="Y") //如果查询到下载完成，则应清除标记下载完成的CACHE
          {
            Cache.Remove(cacheKey);
          }
          Response.End();
          return;
        }
        string fileName = Request.Form["filename"];
        string localFilePath = Server.MapPath("~/" + fileName);
        System.IO.FileInfo file = new System.IO.FileInfo(localFilePath);
        Response.Clear();
        Response.ClearHeaders();
        Response.Buffer = false;
        Response.AddHeader("Content-Disposition", "attachment;filename=" + file.Name);
        Response.AddHeader("Content-Length", file.Length.ToString());
        Response.ContentType = "application/octet-stream";
        Response.WriteFile(file.FullName);
        Response.Flush();
        Cache.Insert(cacheKey, "Y");//输出所有文件数据后，添加CACHE，并设置downloadcompleted=Y，供页面查询结果使用
        Response.End();
      }
    }
  }
}

实现原理：前端通过动态创建FORM用来请求下载的资源，请求参数中必需包含一个downId（我这里还包含了一个要下载的文件名），这个是与服务器端的cache Key相对应的，服务器端接收到下载请求后，会获取下载的文件名及downId,然后依据downId生成一个相对应的cache Key用于标识下载结果，再依据下载文件名获取服务器的文件资源并响应输出文件流供客户端下载，输出完毕后，生成一个Cache，并标记为Y，表明已输出完毕。客户端在下载文件的同时，会每隔3秒请求服务器获取下载完成的Cache标识，若获取到其值为Y，则表明下载完成，服务器立即清除该Cache，客户端作出相应的响应（比如：关闭提示下载的对话框及弹出下载完成的对话框）

效果如下：

 

经过多个不同的浏览器及大文件压力测试，兼容性良好，都能正常下载并能收到下载完成提示，基于以上原理，可以实现进度条显示，实现原理简述：客户端请求服务器下载资源-->服务器响应并按字节分段依次输出，每次输出时生成CACHE，并保存输出进度，直至全部输出完毕，客户端在请求服务器下载资源的同时，也需要同时每隔几秒请求查询服务器下载进度，直至下载进度为100%停止请求。也可利用HTML5新特性WEBSOCKET技术来实现。

您可能感兴趣的文章:

相关文章

  • 详解WPF如何动态生成DataGrid的行和列

    详解WPF如何动态生成DataGrid的行和列

    在日常开发中,DataGrid作为二维表格,非常适合数据的展示和统计,本文以一些简单的小例子,简述在WPF开发中,如何动态生成DataGrid的行和列,需要的可以了解下
    2024-02-02
  • C#短消息提示窗口位置及窗口大小详解

    C#短消息提示窗口位置及窗口大小详解

    在我们的生活中无论是使用QQ,360安全卫士等软件的过程中,经常会遇到从右下方的托盘处弹出一个消息提示窗,比如新闻,产品更新等内容,下面这篇文章主要给大家介绍了关于C#短消息提示窗口位置及窗口大小的相关资料,需要的朋友可以参考下
    2022-12-12
  • C#中Task.Yield的用途深入讲解

    C#中Task.Yield的用途深入讲解

    这篇文章主要给大家介绍了关于C#中Task.Yield的用途的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2018-11-11
  • C#类的创建与初始化实例解析

    C#类的创建与初始化实例解析

    这篇文章主要介绍了C#类的创建与初始化实例解析,有助于初学者较为直观的理解C#的类,需要的朋友可以参考下
    2014-07-07
  • C#利用TreeView控件实现目录跳转

    C#利用TreeView控件实现目录跳转

    这篇文章主要为大家详细介绍了C#润滑利用TreeView控件实现目录跳转功能，文中的示例代码讲解详细，感兴趣的小伙伴可以动手尝试一下
    2022-07-07
  • 快速解决owin返回json字符串多带了双引号

    快速解决owin返回json字符串多带了双引号"多了重string转义字符串

    下面小编就为大家带来一篇快速解决owin返回json字符串多带了双引号"多了重string转义字符串。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 浅析C#中文件路径的操作

    浅析C#中文件路径的操作

    在.NET类库中，有一个专门的功能类System.IO.Path，对表示文件或在目录路径的string进行操作。本文介绍下利用Path来对文件路径进行的一些经常用操作。感兴趣的朋友可以看下
    2016-12-12
  • C# Winform程序实现防止多开的方法总结【亲测】

    C# Winform程序实现防止多开的方法总结【亲测】

    这篇文章主要介绍了C# Winform程序实现防止多开的方法,结合实例形式总结分析了C# Winform防止多开相关操作技巧与使用注意事项,需要的朋友可以参考下
    2020-03-03
  • 浅析C#如何在自定义事件里传递数据

    浅析C#如何在自定义事件里传递数据

    这篇文章主要为大家详细介绍了C#在自定义事件里传递数据的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以参考下
    2024-12-12
  • C#编程实现Excel文档中搜索文本内容的方法及思路

    C#编程实现Excel文档中搜索文本内容的方法及思路

    有了在Word文档中编程实现搜索文本的经验，在Excel中实现这个功能也并非难事。
    2013-07-07

最新评论