Que faire si le chargement de l'image échoue dans jquery

Solution à l'échec du chargement de l'image dans jquery : 1. Introduisez le plug-in jquery, le code est [$(this).attr('src', "default.jpg (adresse url de l'image par défaut) ")]; 2. Utilisez l'événement onerror de img.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, jquery version 3.2.1 Cette méthode convient à toutes les marques d'ordinateurs.

Solution à l'échec du chargement de l'image dans jquery :

1 La première méthode :

Si elle a été introduite. Le plug-in jquery est facile à gérer. Sinon, si vous en avez vraiment besoin, vous pouvez joindre le code :

    script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js")
    //这是jade文件的写法，可以自行转换为html
handle error
    $('img').error(function(){
            $(this).attr('src', "default.jpg(默认图片的url地址)");
         });

2. La deuxième méthode : Si la balise img est une petite quantité, vous pouvez utiliser ceci :

img onerror event

<img src=&#39;test.jpg&#39; alt=&#39;test&#39; onerror="this.src=&#39;default.jpg&#39;">
//alt属性的意思是在图片为加载成功时显示的文字

Recommandations d'apprentissage gratuites associées :

javascript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!