画像が完全に読み込まれているかどうかを確認するにはどうすればよいですか？

Question

少し質問があります。 Jcropboxの画像が完全に読み込まれているかどうかを確認するにはどうすればいいですか？ 私はJavaScriptの初心者ですので、誰かが助けてくれれば本当に感謝しています。 ここに私のコードです。

jQuery(document).ready(function() { 
    jQuery('#<%= imgPerson.ClientID %>').Jcrop({ 
     onChange: showPreview, 
     onSelect: updateCoords, 
     aspectRatio: 1, 
     minSize: [60, 60], 
     setSelect: [1, 1, 60, 60], 
     allowSelect: false 
    }); 
}); 

function updateCoords(c) { 
    jQuery('#<%= X.ClientID %>').val(c.x); 
    jQuery('#<%= Y.ClientID %>').val(c.y); 
    jQuery('#<%= W.ClientID %>').val(c.w); 
    jQuery('#<%= H.ClientID %>').val(c.h); 
}; 

function showPreview(coords) { 
    var height = '<%= hdnimgHeight.ClientID %>'; 
    var height2 = $(height).value; 
    var rx = 60/coords.w; 
    var ry = 60/coords.h; 

    $('#<%= imgPreview.ClientID %>').css({ 
     width: Math.round(rx * 400) + 'px', 
     height: Math.round(ry * height2) + 'px', 
     marginLeft: '-' + Math.round(rx * coords.x) + 'px', 
     marginTop: '-' + Math.round(ry * coords.y) + 'px' 
    }); 
}; 

Answer 1

あなたは画像が完全にブラウザにロードされたときにトリガされます画像のonloadイベントに耳を傾けることができます。それはまた、あなたが異なってそれらを処理したい場合はonabort、onerrorなどのような他のイベントがあり、この

<img src=".." onload="javascript:alert('Image loaded');" /> 
//Here you can call any javascript method in the onload event 

のようなものを試してみてください。