Как проверить, существует ли изображение с jquery?

Question

Уверен, что вы много раз видели этот вопрос, но я буду вас заверить, что это другое. Я хочу знать, как проверить, существует ли изображение, используя путь к изображению с переменной url. Я хотел бы что-то вроде этого:

if ($('url').length) { 
    $(".mainContent").html("File exists"); 
} 
else 
    $(".mainContent").html("File does not exists");` 

надеюсь, что вы можете помочь мне в ближайшее время ...

Answer 1

Для изображений, которые могут существовать я найти наиболее элегантное решение использованияКонтактная $ Аякса, как:

$.ajax({ 
    url: 'your_image.jpg', 
    type: "POST", 
    dataType: "image", 
    success: function() { 
     /* function if image exists (setting it in div or smthg.)*/ 
    }, 
    error: function(){ 
     /* function if image doesn't exist like hideing div or setting default image*/ 


     } 

}) 

но только имейте в виду, что некоторые люди настаивают на использованияКонтактная GET вместо POST, но у меня не было никаких проблем, и он работает как шарм