javascript - HTML/CSS : Background Image from raw image data, 不是 url

Question

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

Answer 1

使用 data URI :

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

在那篇维基百科文章中，有用于输出 base-64 编码图像的 PHP 和 Python 代码。你可以把它推到 url() CSS 文件(或 src 标签的 <img /> 属性)，它应该可以工作。