Измените img src в ASP.NET с помощью Ajax

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, которое у вас есть в разметке.