Обновить изображение на основе потока ответов - PullRequest
Новая
       40

Обновить изображение на основе потока ответов

0 голосов
/ 20 сентября 2010

Возможно ли обновить изображение на HTML-странице, используя поток ответов общего обработчика ASP.NET?

Например, если у меня есть следующий код для обработчика: 

// http://www.example.com/?Guid=<AccountGuid>
public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "image/png";
    context.Response.WriteFile("~/images/test.png");
}

Как я могу вызвать обработчик в jQuery, используя .ajax, и установить изображение на странице равнымизображение, которое возвращает обработчик? В данный момент я игнорирую строковую переменную запроса, так как я просто хочу, чтобы это работало.

Во-вторых, если я могу сделать выше, как я могу перебрать все DIV на страницекоторые относятся к классу "content", выберите проводник из скрытого поля для использования в качестве параметра строки запроса и обновите соответствующее изображение в том же теге DIV содержимого?

Тег содержимого div будет выглядеть следующим образом: 

<div class="content">
  <asp:TextBox runat="server" Id="HiddenField_1" Value="C142E68F-B118-4565-9A9E-B2347F0B6D5B"/>
  <img src="#"/>
</div>
<div class="content">
  <asp:TextBox runat="server" Id="HiddenField_2" Value="GJ38AD23-B118-4565-9A9E-B2347F0B6D5B"/>
  <img src="#"/>
</div>

Я бы хотел, чтобы все изображения обновлялись с периодическим интервалом, поэтому, по сути, для быстрого подведения итогов мне потребуется:

  1. Циклвсе мои DIVs класса «контент», встречающиеся каждый n.секунд.
  2. Извлечение GUID из скрытого поля.
  3. Вызов моего обработчика ASHX для получения обновленного изображения.
  4. Установите возвращенное изображение в соответствующее изображение настр.

Это что-то, чего трудно достичь?Если нет, что мне нужно сделать, чтобы сделать эту функцию описанным выше способом?

1 Ответ

3 голосов
/ 20 сентября 2010

Используйте jquery, чтобы изменить значение src изображений с соответствующими параметрами URL. Он вызовет обработчик ashx и отобразит новое изображение.

...