wenn Bild

Question

ich einen Ajax-Aufruf machen einen Bildpfad

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'); 
     } 
    }); 
}; 

Jetzt werden Daten erhalten immer einen Weg zurück. Ich benutze dann diesen Pfad, um das Image-Attribut src zu setzen. Nur weil ein Pfad zurückgegeben wird, heißt das nicht, dass ein Bild an diesem Ort vorhanden ist. Wenn ein Bild nicht verfügbar ist, muss ich ein Standardbild anzeigen.

Jetzt glaube ich nicht, dass ich den Ajax-Fehler verwenden kann, weil, wie ich sage, Daten immer einen Pfad zurückgeben werden. Ich habe mich gefragt, wie ich feststellen konnte, ob ein Bild verfügbar ist, sobald ich es als src-Attribut festlegen möchte.

Dank

Answer 1

Versuchen Sie .get() das Bild:

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