通过Ajax回调多个base64背景图像

Question

我有一个Ajax调用（带回路的回调），通过我在base64中获得多个图像。

在Ajax回调“完成”期间，我可以在后台插入这些图像。

在此先感谢。

Answer 1

你可能需要这样做Ref，通过使用JQuery .css() Method：

JQuery的：

$('#divID').css("background-image",'url(data:image/gif;base64,R0lGODlhPQBE....==)'); 

HTML：

<div id="divID"> 
    Your div content 
</div> 

更新：添加多个背景的单一HTML元素通过JQuery你可以做一些事情这样克（2个的base64例子，你可以添加更多）：

$('#divID').css("background-image",'url(data:image/gif;base64,R.....AAOw==), url(data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM..H09wdGltaXplZCBi==)'); 

您可以用逗号,作为url(data:image/gif;base64..), url(data:image/gif;base64..), url(data:image/gif;base64..)分离的base64字符串添加多个url()。但是不要忘了写一些CSS属性的DIV（S）：

#divID { 
    width: 500px; // any width you like 
    height: 250px; // any height you like 
    background-position: center bottom, left top; // position you like 
    background-repeat: no-repeat; // it is important if you don't want to see repetition of backgrounds 
} 

注：请避免使用/做重复的ID为您的div，如果你真的想实现多个div然后使用然后使用$('.divsClass')。