在mvc4中下載文件時顯示等待對話框

Question

我從sql數據庫生成excel文件，sql數據包含50k數據，這樣文件花了很長時間才能下載。所以我想在下載該文件時向用戶顯示一個等待對話框。任何建議？

Answer 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

Answer 2

這不是我想要issuse.i加載該圖像顯示只有當文件正在下載時，當文件成功下載並且瀏覽器上出現保存對話框時，加載的圖像會自動消失。