JSFiddle - React, Tailwind, and code Playground
HTML
<div id="InputsWrapper_1">
<div><input type="file" name="arquivoDep_1[]" id="field_1_1" value="" multiple><a href="#" class="removeclass"></a></div>
</div>
<div id="AddMoreFileId_1">
<a href="#" id="AddMoreFileBox_1" class="btn btn-info adiciona">Add field</a><br><br>
</div>
<div id="lineBreak"></div>
<div id="InputsWrapper_2">
<div><input type="file" name="arquivoDep_1[]" id="field_1_1" value="" multiple><a href="#" class="removeclass"></a></div>
</div>
<div id="AddMoreFileId_2">
<a href="#" id="AddMoreFileBox_2" class="btn btn-info adiciona">Add field</a><br><br>
</div>
<div id="lineBreak"></div>
JavaScript
$(document).ready(function(){
$(".adiciona").click(function(event)
{
var nId = event.target.id;
var sId = nId.split("_");
var id = sId[1];
var MaxInputs = 2;
var InputsWrapper = $("#InputsWrapper_"+id);
var AddButton = $("#AddMoreFileBox_"+id);
var x = InputsWrapper.length;
var FieldCount = 1;
if(x <= MaxInputs)
{
FieldCount++;
$(InputsWrapper).append('<div><input type="file" name="arquivoDep_'+id+'[]" id="field_'+id+'_'+ FieldCount +'"/> <a href="#" class="removeclass">Remove</a></div>');
x++;
$("#AddMoreFileId_"+id).show();
$('AddMoreFileBox_'+_id).html("Add field");
// Delete the "add"-link if there is 3 fields.
if(x == 3) {
$("#AddMoreFileId").hide();
$("#lineBreak").html("<br>");
}
}
return false;
});
});