Question

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

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

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

有人知道如何在返回文件时隐藏此gif，或者更好的方法来处理加载gif？我很好地改变了结构，所以我会接受任何建议。

Answer 1

考虑使用UpdatePanel和UpdateProgress控件。

UpdatePanel on MSDN

UpdateProgress on MSDN

总结

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。

希望这会有所帮助。祝你好运。

ASP.NET检测返回文件以隐藏图像

1 个答案:

总结