AJAX 이미지로드

이미지가 로드된후 함수를 실행하고싶을땐
이미지가 로드되는 시간이 있기때문에
complete:function() 탭에 함수를 추가하면 안된다.

$.ajax({
    url:"",
    type: "POST",
    dataType:"JSON",
    data:params,
    success: function(data) {
    
    },
    beforeSend:function(){
    
    },
    complete:function(){
    
    },
    error: function(errorThrown) {
    
    }
});

그러면 이미지의 로딩이 완료되는 시점을 어떻게 알 수 있을까?
다음과 같이 이미지 로딩을 지시하기 전에 onload 리스너를 먼저 등록한다.

var loadImage = document.querySelector();
loadImage.onload = function() {

}