如何限制多个输入（<input type =“ file” multiple />）上的最大项目？

要允许多个HTML格式的文件上传，请使用多个属性。多个属性适用于电子邮件和文件输入类型。

要限制多个输入上的最大项目，请使用JavaScript。这样，可以限制要上传的文件数量。例如，假设一次只能上传2个文件。

您可以尝试运行以下代码，以了解如何在HTML中使用多个属性。这样，我们将限制使用JavaScript上传的文件数量。

示例

<!DOCTYPE html>
<html>
   <head>
      <title>HTML file upload</title>
   </head>
   <body>
      <form>
         <input type="file"  action="/action_page.php"  name="name" multiple><br/>
         Upload multiple files, and click Submit.<br>
         <input type = "submit" value = "submit">
      </form>
      <script>
         $(function(){
            $("input[type = 'submit']").click(function(){
               var $fileUpload = $("input[type='file']");
               if (parseInt($fileUpload.get(0).files.length) > 3){
                  alert("You are only allowed to upload a maximum of 3 files");
               }
            });
         });
      </script>
   </body>
</html>

基础教程