jQuery: come gestire gli errori HTTP sulle immagini

Può capitare che alcune immagini presenti sui nostri siti non siano disponibili e non vengano caricate dal browser. In questo caso possiamo utilizzare jQuery per risolvere il problema.

Il server può restituire vari errori HTTP, solitamente di tipo 4x o 5x. Possiamo utilizzare l'evento error con un'immagine segnaposto predefinita:

$( document ).ready(function() {
	$( "img" ).on( "error", function() {
		var $img = $( this );
		var placeholder = "http://" + location.host + "/images/placeholder.png";
		$img.attr( "src", placeholder );
	});
});