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

更新于: 2020 年 2 月 25 日

11K+ 阅读数

开启您的事业

完成课程以获得认证

开始使用
广告
© . All rights reserved.