HTML / CSS：背景图像来自原始图像数据，而不是网址

Question

我从网络服务器获取png图像的原始图像数据，并希望将其用作div元素的背景图像。这可能不首先将数据保存为图像文件吗？

Answer 1

使用data URI：

document.getElementById('e').src = 'data:image/png;base64,ton_of_crap';

在维基百科的文章中，有PHP和Python的代码输出base-64编码图像。您可以将其推送到CSS文件的url()（或src标记的<img />属性），它应该可以正常工作。

Answer 2

您是否尝试过（使用jQuery）：

$('#divID').css("background-image", "url(/myimage.png)");

来自Switching a DIV background image with jQuery