フォームにアップロードされた画像の縦横の長さをサクッと取得する

アップロードされたファイルからimgのDomを作って取得

以下はcoffeescriptによるコード

if file = document.getElementById('フォームのID').files[0]
  img        = new Image()
  img.onload = -> alert "#{@width} #{@height}"
  img.src    = (window.URL || window.webkitURL).createObjectURL file

をjsにコンパイルしたもの

var file, img;

if (file = document.getElementById('フォームのID').files[0]) {
  img = new Image();
  img.onload = function() {
    return alert(this.width + " " + this.height);
  };
  img.src = (window.URL || window.webkitURL).createObjectURL(file);
}

いいね！