क्या HTML5 में input type="file" के आकार और प्रकार को मान्य करना संभव है?

फ़ाइल आकार और प्रकार वैलिडेशन

हां, input type="file" के आकार और प्रकार को मान्य करना संभव है। वांछित परिणाम के लिए jQuery का उपयोग करें:

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
  <body>
    <form>
      <input type="file" id="myfile" data-max-size="32154" />
      <input type="submit"/>
    </form>
    <script>
      $(function(){
        $('form').submit(function(){
          var val = true;
          $('input[type=file][data-max-size]').each(function(){
            if(typeof this.files[0] !== 'undefined'){
              var max = parseInt($(this).attr('max-size'), 10),
                  mySize = this.files[0].size;
              val = max > mySize;
              return val;
            }
          });
          return val;
        });
      });
    </script>
  </body>
</html>

आधुनिक दृष्टिकोण: HTML5 accept एट्रिब्यूट और JavaScript File API का उपयोग करके क्लाइंट-साइड वैलिडेशन करें।