使用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。