EDITHTML5フォームチェック画像の幅と高さと警告大きな
重複し
は、ファイルのサイズが次元で大きなない場合はフォーム送信を停止する必要がない場合他の投稿のいくつかの回答はファイルサイズに関するものですが、私の質問は次元に関するものです。サイズと寸法は2種類です...
私は画像をアップロードするために次のフォームを使用しています。それはうまくいきますが、それは店舗であり、製品のカタログがすばらしく見えるようにするために、正確に200ピクセル幅と200ピクセルの高さにアップロードされた画像が必要です。画像の幅や高さが大きい場合は、アップロードする人が別の画像を選択するか、アップロードしようとしている画像を編集するように警告を表示する必要があります。
<form action="upload" enctype="multipart/form-data" method="post">
Upload image:
<input id="image-file" type="file" name="file" />
<input type="submit" value="Upload" />
<script type="text/javascript">
$('#image-file').bind('change', function() {
alert('here we have to do something');
});
</script>
</form>
Google検索で類似した質問が見つかる:http://stackoverflow.com/questions/3717793/javascript-file-upload-size-validation – mmcrae
ファイルサイズは幅と高さと同じではない – Kamikaza
私の前のリンク編集はFile APIを使用して「サイズ」について調べます。これは、幅と高さの検証に直接関係しています:http://stackoverflow.com/questions/8903854/check-image-width-and-height-before-upload-with-javascript – mmcrae