javascript - jQueryを介して画像をドラッグアンドドロップし、画像のサイズを取得します

Question

jquery-filedropを使用しており、ユーザーがファイルをアップロードできるのはPNGとJPGのみです。

しかし、どうすれば画像サイズ（ピクセルなど）を確認できますか？

ファイルオブジェクトで画像サイズを取得することは可能ですか？

console.logのファイルオブジェクトを見た後、それは画像サイズについては何もありません。

または、PHPをチェックインするか、画像を追加する必要があります。 .width()＆.height() （REF）？

Answer 1

GeorgSchöllyのこの回答によると：

// find the element
var img = $('#imageid');

/* 
 * create an offscreen image that isn't scaled
 * but contains the same image.
 * Because it's cached it should be instantly here.
 */

var theImage = new Image();
theImage.src = img.attr("src");

// you should check here if the image has finished loading
// this can be done with theImage.complete

alert("Width: " + theImage.width);
alert("Height: " + theImage.height);

Answer 2

わかりました、私はこのようにPHPに投稿します

$size = getimagesize($_FILES['name']['tmp_name']);

    if($size[0]===150 && $size[1]===150) {
       // done
    } else {
       // error
    }