Ungültige Bildpfade mit jQuery/Ajax erkennen

Vorhin auf dem Blog von Guymon eine interessante Lösung gesehen.

Ungültige Bildpfade können dem Design einer Seite stark schaden. Um sicher zu stellen, dass alle Bildpfade funktionieren, kann folgendes jQuery Schnippsel genutzt werden. Es kontrolliert per Ajax ob das Bild vorhanden ist und schreibt im Fehlerfall mit PHP ein Mail an die eingetragene E-Mailadresse.

jQuery


$(document).ready(function() {
$('img').error(function() {
$.post('ajax-image-error-jquery.php', {
image: $(this).attr('src'),
page: window.location.href
}, function() {
//hide the image?
});
});
});

PHP


if(isset($_POST['image']))
{
$to = 'errors@yourdomain.com';
$from = 'automailer@yourdomain.com';
$subject = 'Broken Image';
$content = "The website is signaling a broken image!\n\nBroken Image Path: ".stripslashes($_POST['image'])."\n\nReferenced on Page: ".stripslashes($_POST['page']);
$result = mail($to,$subject,$content,'From: '.$from."\r\n");
die($result);
}

Related Posts:

  • No Related Posts