アップロードする前の画像の高さと幅

Question

ユーザーがアップロードした画像を検証しようとしています。そのため、ユーザーがイメージを追加した後、サーバーにアップロードする前に、以下のJavaScriptコードを使用して画像の寸法を検証しようとしましたが、機能しません。

function check_image_dimensions(){
var t=document.getElementById("main_file_1");
e=t.clientWidth;

n="";
o="We could not upload your image because \n \n";
if (e<300) {
(n+="The height of the image must be greater than 300px \n";
}
if(i<300){
n+="The height of the image must be greater than 300px \n";
}

私も試しました：

e=t.width;
i=t.height;

しかし、それでも機能しません。私は何が間違っているのですか？

ありがとうございました！

Answer 1

何かのようなもの：

1）画像を隠しに入れます <img/> エレメント

この例を参照してください： MDN- Webアプリケーションからファイルを使用します

2）のサイズ（境界ボックス）を確認します <img/> エレメント

if(img.getBoundingClientRect().width<300) ...

3）ユーザーに警告する（またはそうでない）

これが作業バージョンです： jsfiddle.

ブラウザの互換性：Firefox 3.6+、Chrome 7+、IE 10+、Opera 12+