使用html（）方法顯示圖像？

我有一個對象包括文本和圖像。我想要顯示它的圖像，但如果此圖像不可用，則會顯示默認圖像。使用html（）方法顯示圖像？

語法類似：

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

我怎樣才能做到這一點？

您能否準確定義您的意思是「不可用」？如何檢查圖像的可用性？ – Lix 2012-08-14 12:14:24

我的意思是圖片無法加載，因爲找不到。 – 2012-08-14 12:19:32

你可以試試這個。

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

2012-08-14 12:08:45

+1這是一個隱藏的功能，很多人都知道。如果可能的話，我也會給一個jsFiddle示例 – Shyju 2012-08-14 12:10:06

您可以使用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"); 
    });

2012-08-14 12:16:40

回答