Question

.mydiv(style="background-image: url('"+pic+"');" onerror="this.style.background-image:url('http://www.naijaticketshop.com/images/default_profile.jpg'); ")

我知道你会使用onerror作为占位符，但这似乎并不适用于背景图片。有什么建议？

Answer 1

您需要this.style.backgroundImage，不 this.style.background-image

Answer 2

<img src="my.png" onerror="this.src = 'http://www.naijaticketshop.com/images/default_profile.jpg';" />

或使用jquery

// Replace source
$('.mydiv').error(function(){
        $(this).attr('background-image', 'url(http://www.naijaticketshop.com/images/default_profile.jpg)');
});

Answer 3

您无法在<div>上使用onerror。 onerror只能在<img>, <object>, <script>, <style>上使用。因此，需要替换为<img>标记。如果你不想用它替换，我发现在stackoverflow上。 How to replace nonexistent images with a placeholder in asynchronous loading from database

占位符图像为背景图像？

3 个答案: