JavaScript를 사용하여 이미지 크기 제한을 적용하는 방법은 무엇입니까?

 function checkImageDimensions(target) {
   const file = target.files[0];

   // Create an image object to access its properties
   const img = new Image();
   const objectUrl = URL.createObjectURL(file);

   img.onload = function() {
     const width = this.width;
     const height = this.height;

     if (width > 240 || height > 240) {
       alert("Image dimensions exceed maximum (240x240)");
       return false;
     } else {
       // Image meets the dimension criteria
       // Continue with the upload process
       return true;
     }
   };

   img.src = objectUrl;
 }

 // Bind the event listener to the file input
 document.getElementById("photoInput").addEventListener("change", checkImageDimensions);