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-style中添加它。

Answer 1

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

jQuery：如何在上传之前验证图像的尺寸？

1 个答案: