jQuery：如何使用base64图像对象作为list-style-image

Question

我有一个存储在JS对象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修复此问题？

Answer 1

也许试试这个：

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

Answer 2

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

因为这是JavaScript， 你可以在很多方面做同样的事情 ：

$('li').css('list-style-image', 'url(' + image.src + ')');

$('li').css('list-style-image', 'url(♥)'.replace('♥', image.src));

---

在你的问题中，你不需要所有的代码， new Image() ， image.src = ，...

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

Answer 3

那是因为你将整个对象作为参数传递而不仅仅是字符串（实际上你不需要在这里创建一个对象）。 你也忘记了url("..")部分。 因此，对于其余代码，最后一行应该是：

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