如何限制多输入项()?


要允许在 HTML 表单中上传多个文件,请使用 multiple 属性。multiple 属性适用于电子邮件和文件输入类型。


要限制多输入项的最大数目,请使用 JavaScript。通过这种方式限制上传的文件数。例如,假设一次只能上传两个文件。

你可以尝试运行以下代码,以了解如何在 HTML 中使用 multiple 属性。使用该属性,我们将在 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>

更新日期: 2020 年 2 月 25 日

11K+ 条浏览量

启动您的职业生涯

通过完成课程获得认证

入门
广告