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

  • 3
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

アップロードされたファイルから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);
}

いいね!