在JavaScript中根据宽度和高度验证上传的文件

<input type="file" id="uploadFile">

<script>
  // 监听文件选择事件
  document.getElementById("uploadFile").addEventListener("change", function(event) {
    var file = event.target.files[0]; // 获取上传的文件对象
    
    var reader = new FileReader();
    reader.onload = function(e) {
      var image = new Image();
      image.src = e.target.result; // 加载Data URL
      
      image.addEventListener("load", function() {
        var width = this.width; // 获取图片宽度
        var height = this.height; // 获取图片高度
        
        // 根据宽度和高度进行验证
        if (width === 200 && height === 200) {
          console.log("上传的图片宽度和高度符合要求");
        } else {
          console.log("上传的图片宽度和高度不符合要求");
        }
      });
    };
    reader.readAsDataURL(file); // 读取文件内容
  });
</script>