我可以使用jquery来操作css以使用base64字符串更改背景图像

时间:2011-08-01 09:02:02

标签: jquery css

这是问题所在。我有一个base64图像字符串,它是通过ajax从数据库中动态检索的。

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvsAAAJECAYAAACIHevuAAAgAElEQVR4nO3d

检索字符串后我想将其设置为div的背景图像

<div id="dragBox"></div>

2 个答案:

答案 0 :(得分:17)

尝试:

$('#dragBox').css('background-image', 'url(' + base64_string + ')');

基本上,你只需将base64放在url()内。

更多信息:"Data URI scheme" Wiki

答案 1 :(得分:2)

您只需将图片数据直接放入CSS中url属性的background参数即可。

#dragBox {
background: url(data:image/png;base64,iv[...]);
}

以下是一个示例:http://jsfiddle.net/uyrjs/