ホームページ > 記事 > ウェブフロントエンド > jqueryで画像の読み込みに失敗した場合の対処法
jquery での画像の読み込み失敗の解決策: 1. jquery プラグインを導入します。コードは [$(this).attr('src', "default.jpg (デフォルトの画像 URL アドレス)] です。 ")]; 2. img の onerror イベントを使用します。
このチュートリアルの動作環境: 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='test.jpg' alt='test' onerror="this.src='default.jpg'"> //alt属性的意思是在图片为加载成功时显示的文字
関連する無料学習の推奨事項:javascript(ビデオ)
以上がjqueryで画像の読み込みに失敗した場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。