imgのsrcが存在するかどうかを確認します。

Question

imgタグを配置すると、src属性が動的に作成されます。

var im = document.getElementById('imageID'); // or select based on classes 
im.onerror = function(){ 
    // image not found or change src like this as default image: 

    im.src = 'new path'; 
}; 

：

Answer 1

あなたはerrorイベントを使用することができます：SRC（画像が配置されているパス）が実際に取得しないようにするために、JavaScriptを使用して存在する場合、テストの方法はありますインラインバージョン：

<img src="whatever" onError="this.src = 'new default path'" /> 

または

<img src="whatever" onError="doSomething();" /> 

---

<img>タグこれらのイベントをサポートしています。

• abort（onAbort）
• error（のonError）
• load（オンロード）

詳細情報：

• JavaScript Events
• jQuery's error

Answer 2

あなたは（headメソッドで）以前のAJAX呼び出しを行うと、サーバーのリターンコード を参照するか、URLを変更するにはonerrorイベントを使用することができますすることができますまたはそれを隠す、例えば

<img src="notexist.jpg" onerror="this.style.visibility = 'hidden'"> 

（私はアイデアを説明するために、インライン属性を使用しました）

Answer 3

あなたはこの間違った方法に近づいています。
サーバーサイドスクリプトでリンクを生成するときに、ファイルが存在するかどうかをチェックします（たとえば、PHPでfile_exists()を使用）。

JavaScriptを変更したり無効にすることができるため、サーバー側で行うことができるときにはJavaScriptを使用しないでください。

src=の属性をどのように生成しているのかを確認し、ファイルが存在するかどうかを確認して、代替手段を提供してください。

Answer 4

あなたがこれを使用することができますJavaScriptで動的にSRCを作成する場合：

var obj = new Image(); 
 
    obj.src = "http://www.javatpoint.com/images/javascript/javascript_logo.png"; 
 

 
if (obj.complete) { 
 
    alert('worked'); 
 
} else { 
 
    alert('doesnt work'); 
 
}