2013-04-09 9 views
5

私はFirefoxでこのonerror <img>タグ属性は常にIEで発生しますが、なぜですか?

<a class="img" href="LINK"> 
    <img src="GOOD_IMG" title="title" onerror="src='ERROR_IMG'"> 
</a> 

ようなコードの何かを持っているとクロームそれはあなたが期待するように動作します(それが存在する場合GOOD_IMGを示し、ERROR_IMGない場合を示している)が、IEで(9)、それは常にERROR_IMGを示しています。

IEでデバッグして、フライでonerrorを設定します。

onerror="alert('error')" 

警告メッセージが表示され、正しいイメージが表示されます。

IEが原因で、他のブラウザに問題がないところでonerrorがアクティブになる原因は何ですか?

onerrorの原因がわかりましたか?

おかげ

+0

'onerror'を' myFunc(e) 'に設定し、コンソールに' e'を記録してみてください。 – MMM

+0

IE8とIE9で動作します:http://jsfiddle.net/LyZmq/ IEはできませんその特定のイメージを認識しますか? –

+0

私は、何とかすぐにイメージを取得しなければ、 'onerror'を発生させることが分かっています。私たちはこれをデータベースのプロファイルピクチャのソースを動的に設定するアプリケーションでの利点に使用します。したがって、 'onerror'が発生し、実際の画像が読み込まれるまでデフォルトの連絡先のピクチャに設定します。 –

答えて

0
から

変更:あなたはこのように試すことができ

onerror = function() { 
    alert('error'); 
}; 
1

。まず、イメージが存在するかどうかをチェックするためのJS関数を記述し、それに応じてイメージを変更する必要があります。

第二に、あなたは私も同様の症状を経験したのonerrorイベント

function imgError(imageControl, path) {   
      $.ajax({ 
       type: "POST", 
       async: true, 
       url: "test.aspx/CheckImageExists", 
       data: "{'imagePath':" + JSON.stringify(path) + "}", 
       contentType: "application/json; charset=utf-8", 
       success: function (response) { 
        if (response.d == "exists") { 
         imageControl.src = path; 
        } 
        else { 
         imageControl.src = 'img/errorimg.jpg'; 
        } 
       } 
      }); 
      return true; 
     } 

<img src="<%# "admin/"+ Eval("imagath") %>" onerror="imgError(this,'<%# "admin/"+ Eval("imagath") %>')"> 

C# 
[WebMethod]  
     public static string CheckImageExists(string imagePath) 
     { 
      string fullPath = HttpRuntime.AppDomainAppPath.ToString() + imagePath; 
      fullPath=fullPath.Replace('/','\\'); 
      return File.Exists(fullPath) ? "exists" : "notexists";   
     } 
1

に関数を呼び出します。 私の場合、srcに 'empty'の値を入れて 'onerror'を起こしたのは<img>です。

問題:

HTML

<img src="" onerror="this.src='ERROR_IMG'"> 

JS

$('._profile_image:first').attr('src', IMAGE_URL); 

ソリューション:

<img onerror="this.src='ERROR_IMG'"> 
関連する問題