使用html（）方法显示图像？

Question

我有一个对象包括文本和图像。我想要显示它的图像，但如果此图像不可用，则会显示默认图像。

语法类似：

$('#MyPlace').html(object.toRender());

我怎样才能做到这一点？

Answer 1

你可以试试这个。

$('#MyPlace img').error(function() { 
    $(this).unbind("error").prop("src", 'default image path'); 
}); 

Answer 2

您可以使用jQuery的.load和.error事件，看到this jsFiddle example：

标记

<img src="http://cdn.dreamincode.net/home/images/monthlygiveaway.gif"></img> 

<span id="result"></span>​ 

jQuery的

$("img") 
    .load(function() { 
     $("#result").text("loaded"); 
    }) 
    .error(function() { 
     $("#result").text("not loaded"); 
    }); 
​