javaScriptで画像ファイルのwidthとheightを取得したい | 質問掲示板 | 独学!未経験からWebデザイナーになる!!

// 画像の出力
function outputImage(blob) {
im=document.createElement('image');
var
// 画像要素の生成
image = new Image(),

// File/BlobオブジェクトにアクセスできるURLを生成
blobURL = URL.createObjectURL(blob);

// src にURLを入れる
image.src = blobURL;

image.onload = function () {
width = image.width;
height = image.height;

console.log(image.width);
console.log(image.height);

im.setAttribute('src', blobURL);
im.setAttribute('width', '400');
im.setAttribute('height', '450');
output.appendChild(im);
output.innerHTML += blob.name + im.naturalWidth + '<br />'
}
}