HTML5-এ ``-এর ফাইল সাইজ এবং টাইপ ভ্যালিডেট করা (jQuery)

হ্যাঁ, সম্ভব: HTML5 File API + jQuery Validation

ব্রাউজারের নেটিভ `accept` অ্যাট্রিবিউট শুধু UI ফিল্টার করে (সার্ভার-সাইড/জিএস ভ্যালিডেশন নয়)। জাভাস্ক্রিপ্ট দিয়ে ক্লায়েন্ট-সাইড ভ্যালিডেশন করুন।

সম্পূর্ণ jQuery উদাহরণ

 maxSize) {
      alert(`ফাইল সাইজ ${maxSize} বাইট (২এমবি) এর চেয়ে বড়।`);
      valid = false;
    }

    if (!valid) e.preventDefault();
    return valid;
  });
  </script>
</body>
</html>

Vanilla JS (Modern, No jQuery)

<input type="file" id="myfile" accept="image/*" required>
<script>
const input = document.getElementById('myfile');
input.addEventListener('change', () => {
  const file = input.files[0];
  if (file && file.size > 2*1024*1024) {
    input.setCustomValidity('ফাইল সাইজ ২এমবির চেয়ে বড়');
  } else {
    input.setCustomValidity('');
  }
});
</script>

তब `form.reportValidity()` কল করলে ব্রাউজার নেটিভ ভ্যালিডেশন UI দেখাবে।