Comment afficher le CSS backgroundImage lorsque la source est redirigée ?

Question

J'essaie de définir dynamiquement le backgroundImage pour une div où l'url source de l'image n'est pas l'url de destination réelle/finale mais renvoie plutôt une redirection 301 pointant vers l'url d'image réelle. L'utilisation de cette URL de redirection dans une balise standard < img src=" ... fonctionne normalement car le navigateur suit la redirection de manière transparente. Cependant, il ne fait apparemment pas de même pour backgroundImage.
Pour l'instant, ma seule idée est d'utiliser XMLHttpRequest pour effectuer une requête HEAD, de déterminer l'URL réelle à partir des en-têtes renvoyés et de l'utiliser comme image d'arrière-plan, mais cela implique évidemment une surcharge importante. Quelqu'un peut-il me proposer une meilleure solution ?

Answer 1

Demandez à un script de construire l'image de façon dynamique en fonction des données de la session ou du cookie. Je le fais tout le temps.

Answer 2

Demandez à votre script actuel qui renvoie la 301 de télécharger/générer l'image elle-même, ou utilisez la réécriture d'URL pour effectuer la redirection côté serveur.

Answer 3

S'il s'agit d'une petite image de fond, vous pouvez envisager de la coder en BASE64.

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