Как обновлять рисунок на странице, только когда он изменился на сервере

[Illusiony]

Имеется страница, в ней по таймеру на Jquery перезагружается рисунок.

Как можно по проще перезагружать только когда у картинке на сервере изменится дата создания.

Погуглил, нашел такое:

Ну вы нагородили тут На самом деле всё гораздо проще. Пишите PHP-код по этому алгоритму:
Для данного файла в .htaccess нужно написать правило, по которому сервер всегда будет его отдавать с http-заголовком Cache-Control: must-revalidate
AJAX-запрос обновляет картинку, посылая всего один GET-запрос: http://yourdomain/yourfile.bmp
PHP проверяет http-заголовок Last-Modified данного файла. Если он совпадает с датой последней модификации ( filemtime() ), то отдается обратно один заголовок HTTP/1.x 304 Not Modified, если не совпадает - отдается файл с новой датой Last-Modified.

Но как это реализовать не знаю.

1)Не понимаю как здесь должен запускаться php файл, если запрос только на картинку
2) как объяснить jQuery когда загружать с сервера, а когда не обновлять вообще

P.S. Рисунок jpg . На сервере стоит nginx и в правилах стоит кэширование данных рисунков, менять которое мне не следует, так как там у меня еще кое что крутиться.

Я, конечно могу сделать по своему:

1)При перезаливке рисунка создавать текстовый файл( например number.txt) с номером изменения рисунка
2)на js создать переменную номера изменения рисунка (например jsnumber)
3) JQuery каждые пол секунды делает запрос к php скрипту, который сверяет номер переменной jsnumber и номера в текстовом файле number.txt. Выдает ответ для jQuery нужно ли перезагрузить картинку и jQuery перезагружает ее если нужно.

Таким образом, если реально картинка на сервере перезагружается примерно со скорость 1 раз в секунду, то при проверке каждые пол секунды картинка должна перезагружаться примерно с такой же средней скоростью как 1 раз в секунду.

Подскажите как бы сделать просто и правильно, есть ли смысл использовать мой подход?

[Gorychev]

Как я мыслю, все имхо.
На странице для рисунков которые требуют проверки добавлять атрибут для тега img, например, data-filemtime="132423535334" где цифры, дата последней модификации файла.
Посылать ajax запрос в котором есть данные о имени файла и дате его посленей модификации. На серваке сравнивать даты модификаций (filemtime) если есть разбежности, то отсылать обратно инфу об этом. На странице обновить рисунок и значение атрибута data-filemtime.

[Naive]

В любом запросе есть инфа о том, обновился ли файл. Прямо в заголовках запроса http!
Почему об этом рассказывает фронтендер в разделе бэкенда?
Как запрашивать вовремя файл, "оповестить" об этом клиент? Вариантов множество, от древних спама на сервер с запросом о готовности или лонгпула до новеньких веб-соккетов.
Все варианты входят в либу socket.io по ниспадающей по поддержке браузерами.

[Illusiony]

Я думаю не стоит в моей задаче городить веб сокеты, к тому же я их не изучал вовсе. Мне нужно обновлять один рисунок с частотой около 1 раз в секунду, размер рисунка 100-200кбайт

[Stilet]

Мне нужно обновлять один рисунок с частотой около 1 раз в секунду

Ниче так частота О_о... Если не секрет, что это там за набор рисунков такой жесткий?

[Illusiony]

Сообщение от Stilet

Ниче так частота О_о... Если не секрет, что это там за набор рисунков такой жесткий?

Скриншоты из игры. Это один рисунок, просто он обновляется так часто.

[Illusiony]

Я сделал для пробы такое:
1)Раз в 2 секунды Jquery посылаем запрос к php скрипту
2) скрипт выдает строку последнего обновления данного рисунка на сервере
3) я проверяю есть такое же значение строки в переменной js. Если есть то ничего не делаю, т.е остается тоже самое изображение. Если строка отличается то записываю новую строку даты изменения в переменную js и принудительно загружаю картинку с сервера путем прибавления к пути рисунка:

+'?'+Math.floor( Math.random( ) * (100000+1) )

Без этого браузер тупо берет из кеша несмотря на то что дата создания файла другая.
4) ну и если рисунка вообще нету на сервере скрипт возвращает пустую строку, в этом случае я подменяю рисунком ошибки.

Этот метод лучше или хуже предложенных выше? В чем лучше или хуже?
Сейчас использовал локальный сервер. И почему то бывает что рисунок не загружается.
Может быть, когда происходит запись рисунка на диск его нельзя читать?