Сколько раз изображение загружается на страницу?

Question

Я создаю плагин для браузера изображений в JQuery.По сути, на моей странице будет полноразмерное изображение, а под ним будет скроллер изображений, содержащий множество миниатюр доступных изображений.Когда пользователь нажимает на миниатюру, он перемещается в полноразмерное поле.

Я намерен просто изменить размеры миниатюр с помощью HTML / CSS вместо хранения отдельного файла миниатюр.У меня такой вопрос: если браузер загрузит все мои изображения в скроллер миниатюр, придется ли ему снова загружать каждое изображение, когда оно загружается в полноразмерную программу просмотра?

Я знаю, что в общем случае ответ на этот вопроснет - как только браузер загрузит файл, он станет доступен.Тем не менее, я не просто использую статические изображения.На изображениях происходит некоторая предварительная обработка, поэтому я буду отправлять их через PHP.

Например, источником одной из моих миниатюр может быть www.mydomain.com/prepImage.php?id=1

Затем PHP выполнит некоторую обработку и возвратит это так:

header("Content-Type: image/jpeg");
echo $StringifiedJPEGFile;

Будет ли такой возврат файла из PHP заставлять браузер перезагружать изображение каждый раз, когда я устанавливаю источник изображения по этой ссылке?

Answer 1

Будет ли такой возврат файла из PHP заставлять браузер перезагружать изображение каждый раз, когда я устанавливаю источник изображения для этой ссылки?

Изображения загружаются только один раз на страницу. И даже это будет зависеть от отправляемых вами заголовков.

Вы можете настроить последний измененный заголовок, заголовок expires, установить заголовок etag и т. Д. Таким образом, что он будет перезагружен только при необходимости.

http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html

Answer 2

вы можете заставить его загрузить новое изображение, добавив фиктивную строку запроса, например

  <img src="my_image.php?a=432345" id="my_image" onclick="this.src='my_image.php?a=68945' " />

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

Answer 3

Возможность кэширования изображения зависит от настроек браузера и ваших заголовков управления кэшем.Кроме этого, любое изображение обрабатывается одинаково, независимо от того, загружено ли оно из php или как-то еще.GET-запросы могут кэшироваться в соответствии с HTTP.