JSFiddle - React, Tailwind, and code Playground

HTML

<b>without name property:</b>
<form   method="post" enctype="multipart/form-data" id="uploadForm">
    
    <input type="file" value="" id="uploadme" /> 
    <input type="text" id="filename" readonly="readonly" class="textareas" />
    <input class="simple_button" type="button" id="clickme" value="Browse" />
    <input type="submit"  name=""  class="simple_button upload_btn"  value="Upload" title="" />
    
</form>

<br>
<hr>
<br>

<b>with name property:</b>
<form   method="post" enctype="multipart/form-data" id="uploadForm2">

    <input type="file" value="" name="somethingname" id="uploadme2" />
    <input type="text" id="filename2" readonly="readonly" class="textareas" />
    <input class="simple_button" type="button" id="clickme2" value="Browse" />
    <input type="submit"  name=""  class="simple_button upload_btn"  value="Upload" title="" />
    
</form>



<br>
<hr>
<br>


<b>this is the trick:</b>
<form   method="post" enctype="multipart/form-data" id="uploadForm3">

    <input type="file" value="" name="somethingname" id="uploadme3" />
    <input type="text" id="filename3" readonly="readonly" class="textareas" />
    <input class="simple_button" type="button" id="clickme3" value="Browse" />
    <input type="submit"  name=""  class="simple_button upload_btn"  value="Upload" title="" />
    
</form>

CSS

.simple_button {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EEEEEE;
    border-color: #EEEEEE #B2B2B2 #7F7F7F #EEEEEE;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    margin-top: 20px;
    margin-right: 10px;
    padding: 5px;
    cursor: pointer;
    /* IE7 specific */ 
    *overflow: visible;
    /* IE specific */
    padding-left: 10px\9;
    padding-right: 10px\9;
}


#uploadme3 {
  width: 1px;
  height: 1px;
  visibility: hidden;
  /* IE Specific */
  position: absolute\9;
}

JavaScript

$('#clickme').click(function(){
     $('#uploadme').click();
});
    
$('#uploadme').change(function(){
    $('#filename').val($(this).val());
});


$('#clickme2').click(function(){
     $('#uploadme2').click();
});
    
$('#uploadme2').change(function(){
    $('#filename2').val($(this).val());
});


$('#clickme3').click(function(){
     $('#uploadme3').click();
});
    
$('#uploadme3').change(function(){
    $('#filename3').val($(this).val());
});