อัพโหลดไฟล์แล้วให้ส่งชื่อไปที่ textarea อะครับ และอยากได้code ในส่วนของการอัพโหลดอะครับแบบว่าพอเราเลือกไฟล์เสร็จแล้วพอตกลงให้มันอัพโหลดอัตโนมัติอะครับ

<div class="input-group col-xs-10">
        <div class="input-group-addon"> เลือกไฟล์ <span style="color: red;">(ได้มากกว่า 1 ไฟล์) </span></div>
        <input name="fileupload[]" type="file" id="files" class="form-control" multiple="multiple" required />
      
    </div>
<hr>
<div class="input-group col-xs-10">
<pre class="input-group col-xs-10" id="filelist" style="display:none;"></pre>

</div>

<div class="input-group col-xs-10" style="display:none;" id="total">
    <span style="color: red;" id="showsum" class="col-lg-1">  </span> MB
</div>
<script> 
var echange = document.getElementById('files');

if(echange){
    document.getElementById('files').addEventListener('change', function(e) {
    
    var list = document.getElementById('filelist');
    var total = 0;
    var sum = 0;
    list.innerHTML = '';
    
    for (var i=0;i<this.files.length;i++) {
        list.innerHTML += (i+1) + '. ชื่อไฟล์ : ' + this.files[i].name +' ขนาด ' + this.files[i].size + ' kB \n';
        total = total + this.files[i].size ;
    }
    sum = Math.round(total/(1024*1024));
       
    if(sum >16){
        alert("ขนาดไฟล์รวม : "+ sum  +" MB ขนาดไฟล์รวมต้องไม่เกิน 16 MB");
          
          list.style.display = 'none';
          document.getElementById("files").value = "";
          document.getElementById('files').focus();
          document.getElementById('total').style.display = "none";
          
        return false;
    
    }else{
  
    
        list.style.display = 'block';
        document.getElementById('total').style.display = "";
        document.getElementById('showsum').innerHTML = sum;
       
    }
    
});

  }
</script>