Javascript 如何在上传图片时添加有限的多个输入字段

我在网上找到了这个脚本，可以添加多个文件输入字段，但单击“添加”按钮时，我最多只需要六个字段

但是，此脚本允许用户添加不受限制的字段。如何将输入字段的数量限制为6个，并给出如下默认消息：

你只能上传六张照片

以下是脚本：

<script type="text/javascript">
   $(document).ready(function(){
   $('.add_field').click(function(){
     var input = $('#input_clone');
     var clone = input.clone(true);
    clone.removeAttr ('id');
    clone.val('');
    clone.appendTo('.input_holder'); 
    });
 });
  </script> 

$（文档）.ready（函数（）{
$（'.add_字段'）。单击（函数（）{
变量输入=$（“#输入_克隆”）；
var clone=input.clone（true）；
clone.removeAttr（'id'）；
克隆。val（“”）；
clone.appendTo（'.input_holder'）；
});
});

和HTML：

    <span class="add_field">+</span>
    <span class="remove_field">-</span>
  <div class="input_holder">
    <input type="file" name="uploaded_files[]" id="input_clone"  />
  </div>

+
-

计算文件输入的数量，如果少于六个，则允许添加另一个。尝试：

 $('.add_field').click(function () {
     if ($('input[type=file]').length < 6) {
         var input = $('#input_clone');
         var clone = input.clone(true);
         clone.removeAttr('id');
         clone.val('');
         clone.appendTo('.input_holder');
     } else { alert('Only six allowed.') }
 });

$（'.add_字段'）。单击（函数（）{
if（$（'input[type=file]'）。长度<6）{
变量输入=$（“#输入_克隆”）；
var clone=input.clone（true）；
clone.removeAttr（'id'）；
克隆。val（“”）；
clone.appendTo（'.input_holder'）；
}else{alert（'只允许六个）}
});

---

例如，通过使用

var计数器

$(document).ready(function(){
   var counter = 0;
   $('.add_field').click(function(){
       if(counter <= 6)
           var input = $('#input_clone');
           var clone = input.clone(true);
           clone.removeAttr ('id');
           clone.val('');
           clone.appendTo('.input_holder'); 
           counter++;
      }else{
          alert('no more uploads!')      
      }
    });
 });

$（文档）.ready（函数（）{
var计数器=0；
$（'.add_字段'）。单击（函数（）{
如果（计数器可能是让其他人“更快”的时间）：Domd在5分钟内相当快lol u r life saver thanx它工作绝对很好是的说谢谢，但没有检查答案是最好的。就像：谢谢…我在开玩笑。