在 mvc4 中下载文件时显示等待对话框答案

【问题标题】：display waiting dialog box while downloading the file in mvc4在 mvc4 中下载文件时显示等待对话框
【发布时间】：2023-04-03 18:51:01
【问题描述】：

我正在从 sql 数据库生成 excel 文件，sql 数据表包含 50k 数据，因此该文件需要很长时间才能下载。所以我想在下载该文件时向用户显示一个等待对话框。有什么建议吗？

【问题讨论】：

我尝试使用 settimeout 进行对话，但我有 2 个 diff 文件，并且都花费了 diff 时间，所以我想动态地制作它。当文件下载该对话框必须消失。

标签： c# asp.net-mvc-4

【解决方案1】：

您可以尝试我使用 jquery 的方式。这将在漫长的过程中显示加载图像。

在您的 _Layout.cshtml 中添加一个 gif（加载图像）。将其放入体内。

<div id="loaderblock"></div>
    <div id="loadercontainer">
        <img src="~/Images/sampleloadingimage.gif" />
    </div>

将此添加到您的 Site.css

#loadercontainer { display:none;position: fixed;margin-top: 20%; margin-left: 45%;  z-index: 999999;}

#loaderblock {background: #000; opacity:0.6;  position: fixed; width: 100%; height: 100%; top:0; left:0; display:none;}

在您的视图中添加此 javascript。

function generateexcel() {
 $('#loaderblock').fadeIn();
 $('#loadercontainer').fadeIn();

 $("#idofyourform").submit(); //submit your form

}

并将您的提交按钮更改为以下内容：

<input type="button" value="Generate Excel" onclick="generateexcel();" />

此示例将向您展示其工作原理：sample

【讨论】：

【解决方案2】：

这不是我的问题。我希望仅在文件下载时显示加载图像。当文件成功下载并保存对话框出现在浏览器上时，加载图像应该会自动消失。

【讨论】：