<body>
    <div class="container">
        <div class="row"><br/>

            <div id='gen_data'></div>

        </div>

        <div class="row"><br/>
            <div class="col-md-2">
              <button type="button" onclick="tambah_data()" class="btn btn-success">+ Tambah</button>
              <button type="submit" class="btn btn-primary">Upload</button>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var Ids = 1;
        function tambah_data(){
            var  html ='<div id="file_div_'+Ids+'" >';
                     html+='<div class="row"><div class="col-md-2">';
                     html+='   <input type="text" placeholder="Nama File" class="form-control" name="nama_file[]">';
                     html+='</div>';
                     html+='<div class="col-md-2">';
                     html+='    <input type="file" name="file[]">';
                     html+='</div>';
                     html+='<div class="col-md-2">';
                     html+='  <button  onClick="removeFile(\''+Ids+'\');" type="button" class="btn btn-danger">X</button>';
                     html+='</div></div>';
                     html+='<div class="row">';
                     html+='</div>';
                 html+='</div><br/>';
                $("#gen_data").append(html);
                Ids++;
        }
        function removeFile(Ids){
            $('#file_div_'+Ids).remove();
        }
    </script>
</body>