Как отобразить CSS backgroundImage, когда источник перенаправляет?

Question

Я пытаюсь динамически установить backgroundImage для div, где URL-адрес источника изображения не является истинным / конечным URL-адресом назначения, а вместо этого возвращает перенаправление 301, указывающее на фактический URL-адрес изображения. Использование этого URL-адреса перенаправления в стандартном теге В настоящее время я думаю только о том, чтобы использовать XMLHttpRequest для выполнения запроса HEAD, определить фактический URL-адрес из возвращаемых заголовков и использовать его в качестве backgroundImage, но это, очевидно, связано со значительными накладными расходами. Кто-нибудь может предложить лучшую альтернативу?

Answer 1

Получите ваш текущий скрипт, который возвращает 301, загрузите / сгенерируйте само изображение, или используйте перезапись URL, чтобы выполнить перенаправление на стороне сервера.

Answer 2

Сценарий должен динамически создавать изображение на основе данных сеанса или файлов cookie. Я делаю это все время.

Answer 3

Если это небольшое фоновое изображение, вы можете подумать о его кодировании в BASE64.

body {
  background-image:url(data:image/png;base64,<base64 STRING>");
}