使用 jquery 验证多个图像维度

如何解决使用 jquery 验证多个图像维度

我有多个属性的输入文件，现在我想验证维度。这是我的 jquery-validate 设置

$("#AddForm").validate({
        rules: {
          'noteMedia[]': {
                extension: "jpg|jpeg|png",dimension:[1080,608],},messages: {
          'noteMedia[]':{
                  extension: "Only image allowed",dimension:"Image dimension Must 1080 * 608"
                }
            }
    });

这是我的自定义验证

  $.validator.addMethod('dimension',function(value,element,param) {
  if(element.files.length == 0){
      return true;
    }
    var no = 1;
    Array.from(element.files).forEach(imageData => {
      var fr = new FileReader;
        fr.onload = function() { 
          var img = new Image;
          img.onload = function() {
            var width = img.width;
            var height = img.height;
            if(width > param[0] || height > param[1]){
                return false;
            }
          };
          img.src = fr.result; 
      };
       fr.readAsDataURL(imageData); 
       i = i+1
       console.log(i);
    });
    return true;
},'Please upload an image with 1080 x 608 pixels dimension');

我的验证不起作用，当我选择带有 1200*600 的项目时，验证没有显示。我该如何解决？