JSFiddle - React, Tailwind, and code Playground
HTML
<button id="uploadDevice" class="button button-block button-positive">
<i class="icon ion-android-mail"></i> <text id="textBtn1">From Device </text>
</button>
<input type="file" class="uploadDevice" id="files_1" name="image_file_arr[]" multiple>
<input type="file" class="uploadDevice" id="files_2" name="image_file_arr[]" multiple>
<input type="file" class="uploadDevice" id="files_3" name="image_file_arr[]" multiple>
CSS
.uploadDevice{
visibility : hidden;
}
JavaScript
$('#uploadDevice').click(function(){
myGlobalCounter++;
$( '#files_' +myGlobalCounter ).val('Secret text ' + myGlobalCounter);
});