Question

我在网页中使用<input type="file" multiple="multiple">上传文件（使用ajaxupload）。它将允许用户一次上传多个文件。但是我想限制用户一次只选择10个文件。

我怎样才能做到这一点？

Answer 1

<input id="files" type="file" name="files[]" multiple="multiple" onchange="checkFiles(this.files)">


  function checkFiles(files) {       
      if(files.length>10) {
        alert("length exceeded");
        files.slice(0,10);
        return false;
        }       
  }

此功能不允许选择超过10的文件。

Answer 2

这段代码可以满足您的要求，也可以阻止表单提交。

<script>
    $(function() {
        $("button[type = 'submit']").click(function(event) {
            var $fileUpload = $("input[type='file']");
            if (parseInt($fileUpload.get(0).files.length) > 10) {
                alert("You are only allowed to upload a maximum of 10 files");
                event.preventDefault();
            }
        });
    });
</script>

如何限制用户一次上传最多10个文件？

2 个答案: