Как заставить Ajax читать из кэша браузера?

Приветствую!

Нужно побороть Ajax. Пытаюсь им прочитать JPEG-файл, который уже подгружен на страницу тегом <img>. Это нужно для того, чтобы JS извлек метаданные JPEG-файла. Поскольку изображение уже присутствует на сайте, хотелось бы прочитать его из кэша, а не грузить повторно. Но Ajax, по ходу дела, так не считает и запрашивает весь файл еще раз. Пробовал на все его запросы возвращать HTTP-код 304. Но Ajax не хочет брать данные из кэша. Обход этой проблемы было бы лучшим решением моей задачи, на мой взгляд.

Опишу также другие варианты, которые я пробовал, и то, почему они мне не нравятся.

1. Картинка с самого начала запрашивается Ajax'ом, после чего данные преобразуются в data url и передаются в <img>. Это работает, но имеет пару недостатков. Во-первых, картинка (а она не одна такая на сайте) имеет большое разрешение и грузится не быстро. <img> позволяет загружать ее прогрессивно или построчно, что, безусловно, плюс. Но реализовать подобное Ajax'ом - еще тот геморрой! Во-вторых, метаданные нужны по условию, и обрабатывать таким способом каждую картинку - лишнее поедание ресурсов.

2. Картинка загружается элементом <img>, а Ajax, по необходимости, запрашивает другой файл, содержащий нужные метаданные. Тоже работает, но сильно растет нагрузка на сервер, которому приходится оперативно извлекать метаданные из сотен JPEG-файлов. Хотелось бы эту нагрузку распределить по компам клиентов. Хранить метаданные где-то еще (например, в БД) - не вариант, потому что файлы с картинками могут быть переименованы или перенесены в другую директорию в любой момент (даже не спрашивайте почему). А как связать запись в БД с файлом, кроме как по его имени, я не придумал.

Что посоветуете?

0

mytilus,
Загрузите картинку в localStorage, если она лежит в localStorage, то берети ее оттуда, иначе грузите ajax'ом

0