Question

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

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

提前致谢。

Answer 1

您可能需要使用Ref：

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')。

通过Ajax回调实现多个base64后台映像

1 个答案: