HTML / CSS：来自原始图像数据而非url的背景图像

Question

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

Answer 1

使用数据URI ：

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

在该Wikipedia文章中，有用于PHP和Python的代码，可输出基于64位编码的图像。 您可以将其推入CSS文件的url() （或<img />标签的src属性）中，它应该可以工作。

Answer 2

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

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

从使用jQuery切换DIV背景图像开始