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

时间:2011-09-27 15:07:18

标签: javascript jquery asp.net image src

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

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以预加载图像并在预加载时进行设置:

$('<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