隐藏加载图像在asp.net回发文件下载

Question

我有一个按钮，在我的asp.net页面做回发，创建一个Excel文件，清除响应流并写入文件。然后用户可以打开或保存文件用户浏览器的标准对话框。

这个伟大的工程，我在此基础上的代码：

http://www.adventuresindevelopment.com/2009/05/27/how-to-export-data-to-excel-in-aspnet/

至于要创建的文件需要我创建了一个加载面板，只是一个隐藏的DIV相当长的时间，并将此当按钮被点击时可见。

但我的问题是如何在导出完成时隐藏这个DIV？我无法找到一种方法。我需要一些事件，如文件被完全传输到浏览器时触发事件。

这可能吗？最受赞赏的任何帮助。

感谢，

AJ

Answer 1

我会做，长话短说：当用户点击 “下载” 按钮，使用AJAX调用 处理页面

1. 异步。该页面将生成您的Excel文档 并将其存储在一个临时位置

2. 当AJAX请求完成后，隐藏的“加载”面板，并 将用户重定向到一个下载页面。理想情况下，您应该将 重定向到打开文件的通用（.ashx）处理程序，设置一些头文件， 将临时文件传输给用户，然后删除文件 。

现在，在更多的细节：

在第一步中，你应该有，你看过一些临时文件夹和写入权限。使用系统临时文件夹是好的，所以你可以使用Path.GetTempFileName。下面是什么，你可以在一个ASHX处理程序写一个例子：

public class Handler1 : IHttpHandler, IRequiresSessionState 
{ 

    public void ProcessRequest(HttpContext context) 
    { 
     string fName = Path.GetTempFileName(); 

     context.Response.ContentType = "text/plain"; 

     try 
     { 
      // Generate the Excel document 
      GenerateExcelInFile(fName); 

      // Store the file name in session for later use 
      context.Session["ExcelGeneratorFileName"] = fName; 

      // Send confirmation to the client 
      context.Response.Write("ok"); 
     } 
     catch (Exception e) 
     { 
      context.Response.Write("error"); 
      // TODO : Do some logging 
     } 

    } 

    // SNIP : IsReusable 
} 

之后，用自己喜欢的JS框架，请​​求处理程序，并测试返回的字符串。如果是“OK”，你叫两部分处理：

public class Handler2 : IHttpHandler, IRequiresSessionState 
{ 

    public void ProcessRequest(HttpContext context) 
    { 
     context.Response.ContentType = "application/excel"; 

     // Make sure the browser will show a "save as" dialog to the user 
     context.Response.AddHeader("content-disposition", "attachment; filename=Export.pdf"); 

     string fName = context.Session["ExcelGeneratorFileName"] as String; 

     if (fName != null && File.Exists(fName)) 
     { 
      // Stream the excel file to the response 
      context.Response.WriteFile(fName); 

      // Remove the file 
      File.Delete(fName); 
     } 
    } 

    // SNIP : IsReusable 
} 

您可以在javascript只需使用window.location = url调用这个页面。 content-disposition标题会告诉浏览器该URL不应该显示，只能下载，所以你的用户应该停留在下载页面上。