Javascript jQuery：如何使用base64图像对象作为列表样式图像

我在JS object

my.photo

中存储了一个base64编码的png

我打算使用它作为列表样式的图像，但我不知道如何做到这一点。我尝试了以下方法：

var image = new Image();
image.src = 'data:image/png;base64,'+my.photo;
$('li').css({'list-style-image': image});

这不起作用。firbug控制台显示应用的以下样式：

element.style {
    list-style-image: url("[object HTMLImageElement]");
}

---

如何使用JS或jQuery修复此问题？

或许可以尝试以下方法：

$('li').css({'list-style-image': 'url(' + image.src + ')'});

因为这是JavaScript，而且：

$（'li'）.css（'list-style-image'，'url（'+image.src+'））；

$（'li'）.css（'list-style-image'，'url(♥)'.替换（'♥', image.src）；

---

在您的问题中，您不需要所有的代码，

newimage（）

，

Image.src=

$('li').css(
    'listStyleImage',
    'url(data:image/png;base64,♥)'.replace('♥', my.photo)
 );

---

这是因为您将整个对象作为参数传递，而不仅仅是字符串（实际上不需要在此处创建对象）。您还忘记了

url（“…”）

部分。因此，对于其余代码，最后一行应该是：

$('li').css({'list-style-image': 'url("' + image.src + '")'});

---

@纳比尔卡迪米。是的，那更好。总是有更好的！

$('li').css({'list-style-image': 'url("' + image.src + '")'});