驗證 HTML5 中輸入=檔案的大小?


您可以嘗試執行以下程式碼來驗證輸入型別檔案的大小

<!DOCTYPE html>
   <html>
      <head>
         <script src="http://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>

更新於: 2020 年 1 月 29 日

2K+ 瀏覽量

啟動您的 職業

透過完成課程獲得認證

開始
廣告
© . All rights reserved.