jQuery：アップロードする前に画像の寸法を検証する方法は？

Question

jqueryに問題があります。アップロードする前に画像のサイズを検証するための解決策を見つけました。それはまたここに掲示されました：

$.validator.addMethod('filesize', function(value, element, param) { 
    // param = size (in bytes) 
    // element = element to validate (<input>) 
    // value = value of the element (filename) 
    return this.optional(element) || (element.files[0].size <= param) 
}); 

私はすべてを定義し、それは完全に動作します！しかし、私はまた、その画像の幅と高さを確認したいと思います。このため任意の解決策はあり

$.validator.addMethod('widthpic', function(value, element, param) { 
    return this.optional(element) || (element.files[0].width == param) 
}); 

：私は上記のように同じである第二の方法を追加しようとしましたが、代わりにサイズの私は、高さまたは幅が、このdoesntの仕事を使用しましたか？もちろん、PHPでイメージのサイズも確認しましたが、jqueryスタイルでも追加したいと思います。

Answer 1

ファイルのサイズを読むために活用されているものはW3C File APIです。私はあなたが幅や高さのような何かを決定することが示唆されている参照はありません。あなたはサーバー側を待ってから画像を取得し、ImageMagickのようなライブラリを使って寸法を確認しなければなりません。