Как заставить браузер принудительно перезагрузить картинки, которые не загрузились? В т. числе для распечатки

Question

[elgordo]

Приветствую всех.

Имеется страничка с которой мы распечатываем этикетки для собственных нужд, пользуемся ей только мы, скрипт самописный. На страничке этикетки и штрихкоды в виде картинок PNG, которые налету генерит PHP скрипт по параметру. Иногда, когда этикеток много (больше 50), сервер немного не справляется и некоторые картинки не грузятся. Причём, как выяснилось, при печати браузер страницу запрашивает заново с сервера и даже если вручную сделать «показать картинку» на пропущенных штрихкодах, при печати будут пропущены снова какие-то произвольные картинки.

Пока нашли выход: страницу сохраняем с картинками, а потом распечатываем из сохранённой копии. Можно как-то научить браузер картинки хотя бы кэшировать? Он ведь их отображает, но при печати забывает и загружает их заново!

Ещё я пока придумал поставить локально Apache и отдавать картинки по локалке, но это кривизна, т.к. вся система реализована, как сейчас модно говорить, «в облаке».

URL на картинку реализован через mod_rewrite и выглядит как обычная статичная картинка, например www.site.com/barcode/123456789.png

Картинка генерируется грубо говоря так:

header('Content-Type: image/png');
imagepng(........);

Т.е. выдаётся напрямую клиенту.

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

Что сделать, заголовки, может, добавить, чтобы браузер гарантированно загружал все картинки, или хотя бы не запрашивал их каждый раз заново с сервера, а брал из кэша? Номера штрихкодов уникальные.

Спасибо!

Answer 1

[Валерий]

Сделайте, чтобы картинки генерировались только один раз при запросе файла, если такового не существует.
Т.о. при повторном запросе картинок сервером, «старые» не будут генерироваться, а просто загрузятся

Comments

[Валерий]

Еще можно попробовать в htaccess задать время кеширования картинок побольше.
Допустим, как то так:

<IfModule mod_expires.c>
     ExpiresByType image/png     "access plus 1 month"
</IfModule>

[elgordo]

Т.е. генерировать и сохранять, а при повторном запросе уже не генерировать, а отдавать сохранённый файл? Да, думал о таком варианте.

[Валерий]

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

Answer 2

[elgordo]

Кажется, проблему решило добавление строчки:

header('Cache-Control: max-age=37739520, public');

перед генерацией заголовка image/png

Javascript — это понятно, что можно всё это сделать, но это во-первых, сложное решение, во-вторых, от него всё будет тормозить ещё сильнее.

Answer 3

[IDVsbruck]

Контролировать загрузку javascript'ом: сначала скидывается статистика по странице — сколько, линки и т.д. Затем контролировать загрузку каждой картинки посредством события onload и изменять глобальный счетчик загрузки картинок. Возможно, прийдется поколдовать с таймером при незагрузке картинок и реактивировать повторную загрузку с случае неудачи получения картинки. Одним словом, создать алгоритм получения и контроля набора картинок.

Как вариант — если отдельно взятые картинки небольшие — получать их в base64 простым тектом и показывать на клиенте — получается как бы локальное хранилище. Причем, если картинки больше допустимой строки для base64, резать скриптом на сервере и отдавать клиенту. Пожалуй, в твоем случае наиболее удачный вариант — полный контроль над загрузкой графического контента.

Answer 4

[qxfusion]

1) рекомендую сделать отдачу картинок блоками (раз у Вас PNG) — на каждый блок ставить header: pragma-cache, Etag, Expire и т.д.
2) на стороне клиента создаете пустой блок далее присваиваете путь (имя файла должно быть рандомным) — далее смотрите через JS реальный размер блока — если картинка загружена — то размер блока будет равен размеру картинки, а иначе нет. Есть одно НО — ни в коем случае устанавливаете границы по ширине для этого блока + не помещайте в display:none — иначе трюк не сработает.