Krajee文件输入ajax上传多个字段相同的表单

Question

我正在使用Krajee的Bootstrap文件输入插件通过AJAX调用执行上传。

我有一个表单，我可以用dinamically添加fieldset来汇总多个文件（每个文件可以有描述和其他字段）：

<a id="add">Add files</a>

$("#id").on("click", function(e) {
  e.preventDefault();
  $.ajax({
    type: "POST",
    dataType:"text",
    url: "get_fieldset.php",
    data: {  },
    success: function(data, status) {
      $("#container").append(data);  
      $("#container").find(":file").fileinput();          
    }
});

get_fieldset.php：

<fieldset>
  <div class="row">

    <div class="form-group">
      <label>File</label>
      <input type="file" name="f[]" class="f">
    </div>

    <div class="form-group">
      <label>Description</label>
      <input type="text" name="descr[]" class="form-control descr" value="">
    </div>

    </div>
  </fieldset>

我的目标是点击“提交”按钮并使用$('.f').fileinput('upload');上传所有文件，但显示与所有文件相关的进度条。我要将每个.descr与相应的文件相关联。

$("#container").find(":file").fileinput();

必须进行编辑才能完成。我知道有一个uploadExtraData选项，但如何关联正确的descr输入？因为我没有唯一的名字，但我只能按班级检索。

我希望你理解我。