使用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");
    });
​