就是一個利用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;}當(dāng)圖片的大小大于500kb時，對圖片進(jìn)行壓縮。在代碼中用了一個變量dataUrl來保存圖片，在實際操作過程中，發(fā)現(xiàn)當(dāng)圖片大于500kb時，得到的dataUrl=''，而在img.onload函數(shù)中可以正常獲取dataUrl，這是什么原因呢？為什么已經(jīng)用變量保存了img加載完成的數(shù)據(jù)，為什么無法獲取到？