function validateImageFile(fileInput) {
  const file = fileInput.files[0];
  const reader = new FileReader();

  reader.onload = function(event) {
    const img = new Image();
    img.onload = function() {
      const width = this.width;
      const height = this.height;

      if (width === 0 || height === 0) {
        alert("Invalid image file. Please select a valid image.");
        fileInput.value = "";
        // added a condtion , you chnage it according to your need
      } else if (width < 600 || height < 400) {
        alert("Image resolution is low. Please select an image with at least 600 x 400 resolution.");
        fileInput.value = "";
      } else {
        // Image is valid.
      }
    };
    img.src = event.target.result;
  };
  reader.readAsDataURL(file);
}