【发布时间】：2012-06-14 05:33:03
【问题描述】：
我从网络服务器获取 png 图像的原始图像数据，并希望将其用作 div 元素的背景图像。如果不先将数据保存为图像文件，这可能吗？
【问题讨论】：
标签： javascript html css background-image
【发布时间】：2012-06-14 05:33:03
【问题描述】：
使用data URI：
document.getElementById('e').src = 'data:image/png;base64,ton_of_crap';
在那篇维基百科文章中，有用于 PHP 和 Python 的代码输出 base-64 编码图像。你可以把它塞进 CSS 文件的 url() （或 <img /> 标签的 src 属性），它应该可以工作。
【讨论】：
-
图片不是base64编码的，所以我试着把“;base64”去掉，但是图片没有显示...
-
需要base64编码。 “原始数据”是什么意思？喜欢图像文件的内容，或者显示生成图像的特殊 URL？
-
它的图片文件内容以?PNG IHDR (...)开头
-
您究竟是如何获得原始数据的？
-
我使用 ajax 将其作为来自 REST-Server 的响应
你尝试过（使用 jQuery）吗：
$('#divID').css("background-image", "url(/myimage.png)");
【讨论】：
-
如果客户端可以访问服务器，则将服务器的 URL 放入 css 中