使用FileReader.onload怎么能让function里的内容执行完再执行后面的语句

Question

function photoCompress(file,w,callback,fjnum){
    var ready=new FileReader();
    ready.readAsDataURL(file);
    ready.onload=function(){
        var re=this.result;
        alert("222"+this.result)
    }
    alert("111"+ready.result)
    
}

代码如上，目前的效果是先执行了alert("111"+ready.result) 在执行alert("222"+this.result)， 我想确保先执行alert("222"+this.result)，在执行alert("111"+ready.result) 改怎么修改

Answer 1

不是传入了callback，要onload后执行的代码放到callback中

 
function photoCompress(file,w,callback,fjnum){
    var ready=new FileReader();
    ready.readAsDataURL(file);
    ready.onload=function(){
        var re=this.result;
callback(this.result);/////////////////执行回调
        alert("222"+this.result)
    }
    
}

///这样调用
photoCompress(file,1200,
function(result){alert("111"+result)}//传入回调
)