执行 Web 服务时在 ASP.NET 页面中显示动画 GIF

Question

我已经阅读了该网站以及 MSDN 上的许多帖子，但无法找到我正在寻找的解决方案。这是我的情况：我有一个允许用户“上传”文件的页面。该页面包含一个 asp.net fileUpload 控件。然而，它所做的只是将字节数组发送到 WSE 2.0 Web 服务。我无法改变这一点。将来可能会更新，但现在，这是我必须遵循的。

该页面有一个 gif 动画，当用户单击“提交”按钮时就会启动。并且页面应该根据Web服务调用返回的结果进行相应的更新。我能够启动 gif 并成功使用 WS。但是，当页面访问 Web 服务时，gif 文件会冻结。

然后我尝试使用单独的线程来使用 Web 服务。这会加快进程速度并且不会冻结 gif，但 Web 服务完成时页面不会更新。如果我让主线程进入睡眠状态，页面就会更新，但我又回到了上面提到的同一问题，即 gif 冻结了。

我很确定我可以使用 javascript 进行调用并以这种方式更新页面，但此时，我真的宁愿在服务器端执行此操作（如果没有其他原因，出于固执）。

有人能指出我正确的方向吗？提前致谢。

Answer 1

这也发生在我身上。我设法通过将 img 标签包装在 div 内并使用 通过 JavaScript 显示/隐藏 div 来解决此问题setTimeout函数。这样 GIF 就不会冻结。

示例：

<script type="text/javascript">
    function showLoadingIco() {
        setTimeout(showLoadingGif, 50);
    }
    function showLoadingGif() {
        // Using jQuery
        $('#myDiv').css('display', 'inline');
    } 
</script>

请注意，您的 HTML 代码必须如下所示：

<div id="myDiv" style="display:none">
    <img src="loading.gif" alt="Loading..." />
</div>

Answer 2

上传文件控件不能很好地与更新面板配合使用，所以我的猜测是您遇到了完整的回发，这就是图像停止旋转的原因。如果您没有使用更新面板（或其他一些 Ajax 平台），那么您几乎肯定会收到回发。

不过，使用 JQuery 实现异步并不是太难。查看此链接示例。