ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで画像の読み込みに失敗した場合の対処法

jqueryで画像の読み込みに失敗した場合の対処法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-27 14:38:323044ブラウズ

jquery での画像の読み込み失敗の解決策: 1. jquery プラグインを導入します。コードは [$(this).attr('src', "default.jpg (デフォルトの画像 URL アドレス)] です。 ")]; 2. img の onerror イベントを使用します。

jqueryで画像の読み込みに失敗した場合の対処法

このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 3.2.1. この方法は、すべてのブランドのコンピューターに適しています。

jquery での画像読み込みエラーの解決策:

1. 最初の方法:

導入されている場合jqueryプラグインは扱いやすいです。そうでない場合、本当に必要な場合は、コードを添付できます:

    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. 2 番目の方法: img タグの量が少ない場合は、これを使用できます:

img onerror イベント

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

関連する無料学習の推奨事項:javascript(ビデオ)

以上がjqueryで画像の読み込みに失敗した場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。