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背景圖像開始