자바스크립트 타이밍? 실행순서? 조절?

[초고개발(hjw1456)]

function imageProcess(){ 
alert("실행순서1"); 
convertImgToBase64(url[i], function(base64Img){ 
imageConPath[i] = base64Img; 
photo_upload_chat(imageConPath[i]); 
alert("실행순서3"); 

}); 
alert("실행순서2"); 
} 
돌려보면 실행순서가 저렇게 되어 있는데 실행 순서를 조절할 수 없을까요? 
convertImgToBase64쪽에서 하는 일이 처리가 되고 실행순서2가 찍히도록 바꿀수 있을까요? 
function imageProcess(){ 
alert("실행순서1"); 
convertImgToBase64(url[i], function(base64Img){ 
imageConPath[i] = base64Img; 
photo_upload_chat(imageConPath[i]); 
alert("실행순서2"); 

}); 
alert("실행순서3"); 
} 

이렇게요 

참고로 convertImgToBase64쪽 함수 입니다. 
function convertImgToBase64(url, callback, outputFormat){ 
var canvas = document.createElement('CANVAS'), 
ctx = canvas.getContext('2d'), 
img = new Image; 
img.crossOrigin = 'Anonymous'; 
img. class=Apple-converted-space> 
var dataURL; 
canvas.height = img.height; 
canvas.width = img.width; 
ctx.drawImage(img, 0, 0); 
dataURL = canvas.toDataURL(outputFormat); 
callback.call(this, dataURL); 
canvas = null; 
}; 

img.src = url; 
}