ตรวจสอบขนาดไฟล์ input=file ใน HTML5

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อตรวจสอบขนาดของ input type file:

<!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>