Bir resim bulun ve bunun yerine başka bir tane bulmaya çalışın

Question

Eşleşme yerine 2 seçim kutusuyla eşleşen bir resim elde etmeye çalışıyorum ancak eşleşme yerine bir img şovu yok.

$(document).on('click', '#buton', function() { 

     $se1 = $('#se1 option:selected').text(); 
     $se2 = $('#se2 option:selected').text(); 
     var image = "'./img/' + $se1 + $se2 + '.jpg'"; 

     if ($(this).attr('src', './img/' + $se1 + $se2 + '.jpg').length > 0){ 
     $('#imge').attr('src', './img/sa.jpg'); 
     } else { 
     $('#imge').attr('src', './img/' + $se1 + $se2 + '.jpg'); 
     } 

}); 

Answer 1

görüntü JQuery içinde $.get kullanarak varsa https://plnkr.co/edit/5BszVgD9d1qtMHFO0Ymb?p=preview

Answer 2

Sen (documentation here) kontrol edebilirsiniz daha referans için

$('#image').attr('src', './img/' + $se1 + $se2 + '.jpg'); 

$('#image').on("error", function() { 
    $('#image').attr('src', './img/sa.jpg'); 
}); 

çek bu plnkr örnek aşağıdaki gibi img ait onerror olayını kullanabilirsiniz :

$(document).on('click', '#buton', function() { 
    var imageUrl; 
    var imageElement = $('#imge'); 

    $se1 = $('#se1 option:selected').text(); 
    $se2 = $('#se2 option:selected').text(); 
    imageUrl = './img/' + $se1 + $se2 + '.jpg'; 

    $.get(imageUrl) 
    .done(function() { 
     imageElement.attr('src', imageUrl); 

    }).fail(function() { 
     imageElement.attr('src', './img/sa.jpg'); 
    }); 
});