如何在源重定向时显示CSS背景图像？

Question

我正在尝试动态设置div的backgroundImage，其中图像源url不是true / final目标url，而是返回指向实际图像url的301重定向。在标准中使用此重定向URL＆lt; img src =“...标签正常工作，因为浏览器透明地跟随重定向。但是，它显然不会对backgroundImage执行相同的操作。
我目前唯一想到的是使用XMLHttpRequest来执行HEAD请求，从返回的头中确定实际的URL并将其用作backgroundImage，但这显然会带来很大的开销。任何人都可以提供更好的选择吗？

Answer 1

让脚本根据会话或cookie数据动态构建图像。我一直这样做。

Answer 2

让您当前的脚本返回301下载/生成图像本身，或使用URL重写在服务器端进行重定向。

Answer 3

如果是小背景图像，您可以考虑在BASE64中对其进行编码。

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