JQuery BlockUI - 文件下载后如何解锁 UI？

发布于 2024-07-15 05:53:41 字数 1003 浏览 12 评论 0原文

使用 ASP.Net、JQuery 和 BlockUI，我尝试在显示下载文件对话框后解锁 UI。

单击导出按钮时，我会阻止 UI：

   <script type="text/javascript">     
    $(document).ready(function(){        
        $('#<%= BtnExport.ClientID%>').click(function(){
            $.blockUI(); 
        });
    });    
    </script>

此后，我使用以下方法生成文件服务器端：

        private void SendFileToUser(byte[] file, string contentType, string filename)
        {
            Response.Clear();
            Response.ContentType = contentType;
            Response.AppendHeader("Content-Disposition", "attachment; filename="+filename);
            Response.OutputStream.Write(file,0,file.Length);
            Response.OutputStream.Flush();   
            Response.End();
        }

执行此代码后，我想取消阻止 UI。

我考虑过不同的选项：

使用 Ajax 调用进行轮询以查看文件是否已生成。
将文件存储在会话中并重定向到同一页面并生成下载。

但这两个选项似乎都很笨拙，我认为必须有一种聪明的 JavaScript 方法来处理或等待文件对话框。

有什么建议么？

原文

Using ASP.Net, JQuery and BlockUI, I'm trying to unblock the UI after a download file dialog is shown.

I block the UI when export button is clicked:

   <script type="text/javascript">     
    $(document).ready(function(){        
        $('#<%= BtnExport.ClientID%>').click(function(){
            $.blockUI(); 
        });
    });    
    </script>

After this, I generate the file server side using:

        private void SendFileToUser(byte[] file, string contentType, string filename)
        {
            Response.Clear();
            Response.ContentType = contentType;
            Response.AppendHeader("Content-Disposition", "attachment; filename="+filename);
            Response.OutputStream.Write(file,0,file.Length);
            Response.OutputStream.Flush();   
            Response.End();
        }

After this code has executed, I would like to unblock the UI.

I have considered different options: