確定是否可用的圖像

Question

我做一個Ajax調用來獲取圖像路徑

var triggerImageChange = function() { 
    var selectedYear = $("#year2 option:selected").val(); 
    var selectedType = $("#type2 option:selected").val(); 
    var selectedImage = $("#imageSelect2 option:selected").val(); 

    $.ajax({ 
     type: "get", 
     url: "./getImage", 
     data: { 
      year : selectedYear, 
      product : selectedProduct, 
      image : selectedImage 
     } 
    }).done(function(data){ 
     var url = $('meta[name="base_url"]').attr('content'); 

     if(data) { 
      $('#comparisonImage').attr('src', ''); 
      $('#comparisonImage').attr('src', url + data); 
      $('#comparisonImage').css('display', 'block'); 
     } 
    }); 
}; 

現在的數據總是會返回一個路徑。然後我使用此路徑來設置圖像的src屬性。只是因爲路徑返回並不意味着該圖像出現在該位置。如果圖像不可用，我需要顯示默認圖像。

現在我不認爲我可以使用ajax錯誤，因爲正如我所說，數據將始終返回一個路徑。我想知道如何在我嘗試將其設置爲src屬性後確定圖像是否可用？

感謝

Answer 1

嘗試.get()圖像：

$.get(image_url) 
    .done(function() { 
    alert("Image " + image_url + " is found!"); 
    }).fail(function() { 
    alert("Image " + image_url + " was not found."); 
    });