Jak sprawdzić czy obrazek z atrybutu src istnieje?

Question

Witam piszę stronę która używa do wyświetlania sygnaturek obrazków z zewnętrznych źródeł tj. w atrybucie src umieszczam np. link http://4.bp.blogspot.com/-U4NlYV5bA3o/TtaQtW8a0oI/AAAAAAAAAHo/mcLTDE6UymQ/s1600/2948-smiech-kota.jpg

Stworzyłem już walidacje która minimalizuje możliwość wprowadzenia błędnego linku do obrazka, ale gdyby taki obrazek został np. usunięty lub celowo podano by zły link który przeszedł by walidacje, to zniszyło by to komfort korzystania ze strony.

Moim celem jest więc:

Stworzenie kodu js (ewentualnie php) który sprawdzałby czy poprawnie wyświetlono obrazek, czy nie. Nie wiem jak się do tego zabrać bo jeśli chodzi o programowanie to jestem raczej backendowcem, więc prosze was.

Dzięki, Else

Answer 1

PHP:

if (file_exists('http://www.mydomain.com/images/'.$filename)) {
 … }

JavaScript:

function imageExists(image_url){

    var http = new XMLHttpRequest();

    http.open('HEAD', image_url, false);
    http.send();

    return http.status != 404;

}

jQuery:

$.get(image_url)
    .done(function() { 
        // Do something now you know the image exists.

    }).fail(function() { 
        // Image doesn't exist - do something else.

    })

 

Comments

dzięki, zrobiłem to z php i działa

---

Polecam się :)