如何在html / php中选择有限的（最多5张）多张图像<input type =“ file” />？

Question

我想选择多个图像，但是最多选择5个图像，当用户单击第6个图像时，则选择5个图像之后，则用户不允许选择5个以上的图像。

下面是我正在做的事情：

       <input class="form-control" type="file" name="photo[]" id="photo" multiple max-uploads = "5" >


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

          });
       });

</script>

在这种情况下，我需要单击提交按钮。我想要当用户选择图像时，如果图像超过5张，那么用户将无法选择第6张图像。

我要设置选择限制。

请告诉我我做错了什么。 欢迎您提出宝贵的建议。