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

【问题标题】：Multiple base64 background-image through Ajax callback通过 Ajax 回调的多个 base64 背景图像
【发布时间】：2016-04-27 07:58:15
【问题描述】：

我有一个 Ajax 调用（带循环的回调），我在 base64 中获得了多个图像。

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

提前致谢。

【问题讨论】：

标签： jquery css ajax callback

【解决方案1】：

您可能需要使用Ref 执行此操作JQuery .css() Method：

JQuery:

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

HTML：

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

更新：通过 JQuery 向单个 HTML 元素添加多个背景，您可以执行以下操作（2 个 base64 示例，您可以添加更多）：

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

您可以添加多个url()，使用逗号分隔的base64字符串,作为url(data:image/gif;base64..), url(data:image/gif;base64..), url(data:image/gif;base64..)。但不要忘记为您的 div 编写一些 CSS 属性：

#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 
}

注意：请避免为您的 div 使用/制作重复的 ID，如果您真的想影响多个 div，请使用 Class 并使用 $('.divsClass') 然后。

【讨论】：

谢谢，这是我发现的，但我想在背景中放置多个图像（在 base64 中），而不仅仅是一个。我们该怎么做呢？
@MedMatrix 请检查我的更新，如果对您有帮助，别忘了标记为正确:)