イメージがjQueryで読み込まれているかどうかをチェックする方法

画像がjQueryでロードされているかどうかを確認する方法

画像が正常に読み込まれたかどうかを確認するには、jQuery ‘load()‘と ‘error()‘イベントの使用を組み合わせることができます。

$('#image1')
    .load(function(){
        $('#result1').text('Image is loaded!');
    })
    .error(function(){
        $('#result1').text('Image is not loaded!');
    });

イメージが正常にロードされると、load()関数が呼び出されます。それ以外の場合は、error()関数が呼び出されます。

自分で試してください






 





Check if image is loaded jQuery

Load image from "http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"

Load image from "xxxx.jpg"