1

HTMLを使用して、これを手動で本文に入れることができます

<img style="display:none;"
onload="Success('test')"
onerror="Fail('test')"
src="http://example.com/test.png"
/>

jQueryまたはJavascriptを使用してこのチェックを行う方法はありますか？

編集：HTMLを使用したり、画像を手動で挿入したりすることは避けたいです。jQuery/JSだけを使用してチェックを実行しようとしています。

ありがとう！

4

3 に答える 3

4

はい.. jQueryで同じことがこれになります

​$('img').load(function(){ // when loaded successfully
   console.log('success');  
}).error(function(){  // when theres an error
   console.log('error');  
});​​​​​

フィドル

また

$('img').on({
    load: function(){

    }, 
    error: function(){

    }
})

フィドル

編集：

純粋なJavaScriptでそれが必要な場合は、次のようなことができます

$('<img/>',{ // <-- create the element
      src:'http://wichitaatbat.com/wp-content/uploads/Soccer-Ball.png'
}).load(function(){
    console.log('success');
}).error(function(){
    console.log('error');  
});

http://jsfiddle.net/wirey00/LCkkn/

于 2013-01-04T22:27:19.530 に答える
1

の場合error、jquery は次のように機能します。

$('img').on('error', function(e) {

});

についても同じload:

$('img').on('load', function(e) {

});
于 2013-01-04T22:27:15.577 に答える
0

次のように純粋にこれを行うことができますJavaScript：

<script language="JavaScript">

    var img = new Image();   // Create new image element

    img.onload = function(){
      // your code
    };

    img.onerror = function() {
      // your code
    };

    img.src = 'yourImage.png'; // Set source path

</script>

ここでこのアプローチを試すことができます。

于 2013-01-05T08:01:56.397 に答える