JSFiddle - React, Tailwind, and code Playground
HTML
<a href=# class=remove-file>remove</a>
<br><a href=# class=anc_add_more>add</a>
<div id=spn_inputs></div>
JavaScript
var no_of_file = 0;
/* Append More Input Files */
$('.anc_add_more').click(function () {
alert(no_of_file);
if (no_of_file < 5) {
no_of_file++;
$('#spn_inputs').append('<span><input type="file" name="myfile[]" class="fileChooser" style="float:right;"/><a href="javascript:void(0);" style="float:left;" class="remove-file" >Remove</a><br/></span><br/><br/>');
} else {
alert("You can upload only 5 images");
}
});
$('.remove-file').live("click", function () {
alert('remove');
$(this).parent().remove();
no_of_file--;
});