Question

我想知道是否有人会建议如何修复这个小视觉错误？

在我的asp.net代码中，我生成一个用户可以下载的文件。伪代码如下：

Response.ContentType = "text/plain";
Response.AppendHeader("Content-Disposition", "attachment; filename=" + FileName);
Response.BinaryWrite();
Response.End();

我还使用JQuery在客户端显示旋转圆圈的动画，同时在服务器上生成此类文件：

$(function () {
    $('#ButtonBeginDownload').click(function () {
        //When Submit button is clicked
        $('#IdSubmitSpinner').css('display', 'inline-block');
    });
}

旋转器的CSS是这样的：

.submitSpinner
{
    margin: 0px 10px 0px 6px;
    display: none;
    width: 28px;
    height: 28px;
    display: none;
}

和HTML：

<img id="IdSubmitSpinner" alt="" src="Graphics/spinner.gif" width="28" height="28" class="submitSpinner" />

上面的代码工作正常，微调器在下载开始时开始旋转，但不幸的是，我似乎无法找到让文件完成下载时旋转器停止旋转的方法。有谁知道如何解决这个问题？

Answer 1

如果您正在使用Ajax次调用来下载文件，则可以使用它来检测开始/停止传输：

$("#IdSubmitSpinner").bind("ajaxSend", function(){ // when user request sent
           $(this).show();
     }).bind("ajaxComplete", function(){ // when response ended
           $(this).hide();
     });

通过ASP.NET或客户端脚本查找下载何时停止

1 个答案: