外部関数の変数にアクセスできません

Question

var _URL = window.URL || window.webkitURL; 

var $file = FS.gID('failImage'); 

var imgSize = FS.gID('failImage'); 

var file, img, imgWidth, imgHeight; 


if(file = imgSize.files[0]) { 

img = new Image(); 

    img.onload = function() { 

     imgWidth = this.width; 
     imgHeight = this.height; 


    } 

    img.src = _URL.createObjectURL(file); 

} 

alert(imgWidth); //Comes out undefined. 

imgWidthを警告するためにこの変数を取得できないのはなぜですか？私が子関数の中にvarを設定しなかったことに注意してください。imgWidthが未定義になったことを知らせるためには、親関数にも注意してください。

Answer 1

IMG負荷このためラインはalert(imgWidth);

溶液を実行した後onload関数内alert(imgWidth);を移動させることです。

if (file = imgSize.files[0]) { 

    img = new Image(); 

    img.onload = function() { 

     imgWidth = this.width; 
     imgHeight = this.height; 

     alert(imgWidth); // This should work 

    } 

    img.src = _URL.createObjectURL(file); 

} 

onLoadなどがasyncrhonousであるため、コールバック関数

function afterLoad(width, height) { 
    alert(width); 
    alert(height); 
} 

if (file = imgSize.files[0]) { 

    img = new Image(); 

    img.onload = function() { 

     imgWidth = this.width; 
     imgHeight = this.height; 

     afterLoad(imgWidth, imgHeight); 

    } 

    img.src = _URL.createObjectURL(file); 

}