자바 스크립트를 통해 'Content-Length'를 얻으려면 어떻게해야합니까?

Question

다음 스 니펫이 있습니다.

var size; 
function getImageSize(url) 
{ 
    var xhr = new XMLHttpRequest(); 
    xhr.open('HEAD', url, true); 
    xhr.onreadystatechange = function() 
    { 
     if (xhr.readyState == 4) 
     { 
      if (xhr.status == 200) 
      { 
       size = xhr.getResponseHeader('Content-Length'); 
       alert(size); 
      } 
     } 
    }; 
    xhr.send(null); 
    return size; 
} 

이 함수의 목적은 파일 크기 (이미지)를 반환하는 것입니다.

함수 내부의 경고는 항상 올바른 값을 반환하지만 함수 자체는 항상 undefined을 반환합니다. 왜?

Odly, 내가 파이어 버그로 디버깅하면, 함수는 항상 올바르게 돌아올 것입니다 ...

Answer 1

. 즉 비동기 적으로 실행됩니다. 콜백 함수를 대신 전달하고 size 인수로 적용하고 싶습니다.

Answer 2

코드 순서 문제가 있습니다. 코드는 동기식이 아니며 비동기식입니다.

콜백은 미래에 발생하지만 반품은 곧바로 발생합니다.

Firebug에서 디버깅 결과가 올바른 결과를 반환하는 이유는 반환되기 전에 콜백이 실행되기까지 코드가 오랫동안 느려지 기 때문입니다.