이미지 파일이 서버에 있는지를 확인하려면?

문: HTML 페이지를 로딩했을 때, 특정 이미지가 로딩되었는지를 자바스크립트로 확인하려면?

답: 처음에는 자바스크립트에서 Ajax로 이미지의 URL을 요청한 후 받아오는 Response의 헤더값을 살펴볼려고 했습니다.( ^^;;; 배보다 배꼽이 커버렸네요. )
그런데... 답이 멀지 않은 곳에 있더군요.

<img src="..." onerror="handleError();">

HTML 페이지에 특정 이미지를 요청한 다음에 이미지의 태그에 onerror 이벤트 핸들러만 추가해주면 해결되는 문제였습니다. JavaScript만으로 처리한다면 다음과 같이 되겠지요.(덤으로 onabort, onload 등등도 추가할 수 있겠지요.)

var img = new Image();
img.onabort = this.handleAbort();
img.onerror = this.handleError();
img.onload = this.handleLoad();

※ 관련해서 검색하다보니, HTML5의 HTMLElement 인터페이스가 정의되어 있는 페이지가 있어서 추가~
음... 보면 볼수록 참 해야할게 많은 직업이라는 생각이 듭니다.

interface HTMLElement : Element {
  // DOM tree accessors
  NodeList getElementsByClassName(in DOMString[] classNames);

  // Dynamic markup insertion
           attribute DOMString innerHTML;

  // Metadata attributes
           attribute DOMString id;
           attribute DOMString title;
           attribute DOMString lang;
           attribute DOMString dir;
           attribute DOMString className;
  readonly attribute DOMTokenList classList;

  // Interaction
           attribute boolean irrelevant;
           attribute long tabIndex;
  void click();
  void focus();
  void blur();
  void scrollIntoView();
  void scrollIntoView(in boolean top);

  // Commands
           attribute HTMLMenuElement contextMenu;

  // Editing
           attribute boolean draggable;
           attribute DOMString contentEditable;

  // event handler DOM attributes
           attribute EventListener onabort;
           attribute EventListener onbeforeunload;
           attribute EventListener onblur;
           attribute EventListener onchange;
           attribute EventListener onclick;
           attribute EventListener oncontextmenu;
           attribute EventListener ondblclick;
           attribute EventListener ondrag;
           attribute EventListener ondragend;
           attribute EventListener ondragenter;
           attribute EventListener ondragleave;
           attribute EventListener ondragover;
           attribute EventListener ondragstart;
           attribute EventListener ondrop;
           attribute EventListener onerror;
           attribute EventListener onfocus;
           attribute EventListener onkeydown;
           attribute EventListener onkeypress;
           attribute EventListener onkeyup;
           attribute EventListener onload;
           attribute EventListener onmessage;
           attribute EventListener onmousedown;
           attribute EventListener onmousemove;
           attribute EventListener onmouseout;
           attribute EventListener onmouseover;
           attribute EventListener onmouseup;
           attribute EventListener onmousewheel;
           attribute EventListener onresize;
           attribute EventListener onscroll;
           attribute EventListener onselect;
           attribute EventListener onsubmit;
           attribute EventListener onunload;
};