Odesílejte e-mailová upozornění na poškozené obrázky pomocí jQuery AJAX

Obvykle je nejlepší opravit poškozené cesty obrázků co nejdříve, protože mohou poškodit důvěryhodnost webu. A ještě horší je, když vám o tom řekne uživatel. Pomocí jQuery a PHP můžete nechat svou stránku automaticky upozorňovat na poškozené obrázky.

Zobrazit ukázku

PHP

if(isset($_POST['image']))
{
	$to = '[email protected]';
	$from = '[email protected]';
	$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);
}

Udržuji e-mail krátký a výstižný; obsahuje atribut src poškozeného obrázku a stránku, kterou byl požadován.

JavaScript 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? 
		});
	});
});

U každého obrázku nasloucháme chybové události. Když je objeven poškozený obrázek, je do výše uvedeného PHP skriptu odeslán požadavek AJAX.

Zobrazit ukázku

Pokud stránka zaznamená vysokou návštěvnost, než budete moci opravit cestu obrázku, budete mít samozřejmě poměrně dost e-mailů. Možná budete chtít chybu uložit do databázové tabulky a často ji kontrolovat.