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

Question

我有一个.aspx页面，其中<img>标记具有src标题，具体取决于页面上的某些控件值。实际上，我用运行时内置查询字符串更改src，导致src更改并等待服务器响应（服务器返回byte[] of the image）。

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

在此先感谢！

Answer 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。