就是一個利用canvas壓縮圖片的小功能，代碼如下：function compressImg(url){    var newimg=document.querySelector('.img');    var dataUrl='';    var size=url.length/1024-url.length/4096;    var scale=500/size;    if(size > 500){        var img = new Image();        img.src=url;        var canvas=document.createElement('canvas');        var ctx=canvas.getContext('2d');        img.onload=function(){            canvas.width=img.width;            canvas.height=img.height;            ctx.drawImage(img,0,0,canvas.width,canvas.height);            dataUrl=canvas.toDataURL('image/jpeg',scale);            //-----在此處可以正常獲取壓縮后的圖片        }    }else{        dataUrl=url    }           //------在此處打印dataUrl為''     newimg.src=dataUrl;}當圖片的大小大于500kb時，對圖片進行壓縮。在代碼中用了一個變量dataUrl來保存圖片，在實際操作過程中，發現當圖片大于500kb時，得到的dataUrl=''，而在img.onload函數中可以正常獲取dataUrl，這是什么原因呢？為什么已經用變量保存了img加載完成的數據，為什么無法獲取到？