jquery - 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) 
});

有什么解决办法吗？当然，我还在 PHP 中检查了图像的大小，但我也想以 jquery 样式添加它。

Answer 1

用来读取文件大小的东西是W3C File API。我没有看到任何参考建议您可以确定宽度或高度之类的东西。您必须等到服务器端，获取图像，然后使用ImageMagick之类的库来检查尺寸。