Le immagini mancanti non visualizzeranno semplicemente nulla o visualizzeranno una casella di stile (?) Quando la loro fonte non può essere trovata. Invece, potresti voler sostituire quella con un'immagine "immagine mancante" di cui sei sicuro che esista in modo che ci sia un migliore feedback visivo che qualcosa non va. Oppure potresti voler nasconderlo completamente. Ciò è possibile perché le immagini che un browser non riesce a trovare generano un evento JavaScript di "errore" che possiamo osservare.
// Replace source $('img').on("error", function() ( $(this).attr('src', '/images/missing.png.webp'); )); // Or, hide them $("img").on("error", function() ( $(this).hide(); ));
Inoltre, potresti voler attivare una sorta di azione Ajax per inviare un'e-mail a un amministratore del sito quando ciò si verifica.