ASP.NET在视图中检测到返回文件以隐藏图像

Question

如何检测ASP.NET何时返回文件？ 最近，我决定添加以下代码以在每次按下按钮时显示加载的gif。

<script type="text/javascript">
jQuery('.btn').click(function() {
    jQuery(".loader").show();
});

我有一个加载程序div，并且我有显示gif的CSS。 一切都完美。 当按钮运行返回RedirectToAction的控制器代码时，它可以正常工作。 问题是当控制器返回File（）时。 当RedirectToAction触发时，页面将重新加载，并且加载的gif消失了。 返回文件后，加载的gif会停留在屏幕上。

有谁知道如何在返回文件时隐藏此gif，或者是一种更好的方式来处理加载的gif？ 我可以更改结构，所以我会征求任何意见。

Answer 1

考虑使用UpdatePanel和UpdateProgress控件。

MSDN上的UpdatePanel

MSDN上的UpdateProgress

总结

UpdatePanel包含页面控件，而UpdateProgress是加载gif的位置。

考虑以下示例：

<asp:UpdatePanel runat="server" id="updExample">
    <ContentTemplate>
        <asp:Button runat="server" id="btnSubmit" Text="Submit"></asp:Button>
    </ContentTemplate>
</asp:UpdatePanel>

<asp:UpdateProgress runat="server" id="uppExample">
    <ContentTemplate>
        <div class="progress-loader">
            <img src="/App_Themes/Default/Images/loader.gif" />
        </div>
    </ContentTemplate>
</asp:UpdateProgress>

当您单击与页面上的表单关联的按钮时，这应该显示加载程序gif。

希望这可以帮助。 祝好运。