使用 Ajax 在 ASP.NET 中更改 img src

【问题标题】：Change img src in ASP.NET with Ajax使用 Ajax 在 ASP.NET 中更改 img src
【发布时间】：2011-11-26 03:35:07
【问题描述】：

我有一个带有<img> 标签的.aspx 页面，其中有一个src 可能会根据页面上的某些控件值进行更改。实际上，我使用运行时内置查询字符串更改 src，导致 src 更改并等待服务器响应（服务器返回 byte[] of the image）。

我的问题是我的<img> 在等待服务器响应时闪烁（它变成白色）。服务器完成后如何更新它？ JavaScript 和 JQuery 能做到这一点吗？

提前致谢！

【问题讨论】：

标签： javascript jquery asp.net image src

【解决方案1】：

您可以像这样预加载图像并在预加载时对其进行设置：

$('<img>').attr('src', 'path/to/image/you/want/to/preload.png')
          .bind('load', function() {
              $('#image-to-replace').attr('src', $(this).attr('src'));
          });

使用 jQuery，这将创建一个 <img>，设置其 src 属性并将一个事件处理程序附加到图像的 load 事件，以便当图像完成加载时，您可以将图像的 src 设置为任何值#image-to-replace 你的标记中有。

【讨论】：