如果JSON響應圖片src是空的如何設置默認的本地圖像

Question

在我的Chrome擴展我要查看圖像和文字在彈出的窗口

一切正常，但如果圖片src JSON數據是空的，我不能設置默認圖像。我已經嘗試了來自堆棧溢出的鬃毛替代解決方案，但是dint幫助。 所以請不要複製它或用其他解決方案轉介它。

這是我popup.html

<img id="img" /> 

這是我popup.js

var image = document.getElementById('img'); 

var jsonData = JSON.parse(myData); 
image.src = jsonData["details"].imageUrl; 

我使用AJAX POST請求從服務器獲取端數據。我在成功部分添加了這段代碼。

問題：wehn image src是空的，我需要在我的ajax調用中設置一個默認值。 我曾嘗試15次不同的嘗試之一：

fixBrokenImages = function(url){ 
var img = document.getElementsByTagName('img'); 
var i=0, l=orgLogox.length; 
for(i=0;i<orgLogox.length;i++){ 
    var t = orgLogox[i]; 
    if(t.naturalWidth === 0){ 
     //this image is broken 
     t.src = url; 
    } 
    } 
} 

Answer 1

你可以將其設置爲IMG標記前檢查圖像的URL。

var jsonData = JSON.parse(myData); 
var url = jsonData["details"].imageUrl; 
if(!url || url == ""){ 
    image.src = "default.png" 
}else{ 
    image.src = url; 
} 

Answer 2

解決方案：我解決了它這種方式

image.onerror = function() { 
this.src = 'default.png'; 
}; 
image.src = jsonData["details"].imageUrl; 

從這個鏈接

得到幫助：

Test to see if an image with json value is broken/ or not there and replace with "no-photo" image?