Javascript-Funktion bietet Dateigröße von nur dem ersten Fileupload, die anderen nicht

Question

ich Dateieingabefelder durch eine javascrpit Funktion mache, wenn der Benutzer mehrere Dateien anhängen will, die Funktion

<script type="text/javascript"> 
var upload_number = 1; 
var attachmentlimit = 5; 
function addFileInput() { 

var d = document.createElement("div"); 
var file = document.createElement("input"); 
file.setAttribute("type", "file"); 
file.setAttribute("name", "attach[]"); 
d.appendChild(file); 
document.getElementById("moreUploads").appendChild(d); 
upload_number++; 
if(upload_number == attachmentlimit) { 
     document.getElementById('moreUploadsLink').style.display='none'; 
    } 

    } 
    </script> 

ist Ich bin auch die Größe der Datei-Eingabe am Client über JavaScript-Funktion,

<script type="text/javascript"> 
    var myFile = document.getElementById('attach'); 
    myFile.addEventListener('change', function() { 
    var size = this.files[0].size; 
    alert(size,'File Size Exceeds'); 
    }); 
    </script> 

das Problem ist, die über JavaScript-Funktion, gibt die Größe Alarm nur das ersten Datei-Upload-Feld und die andere nicht überprüfen. Jeder, der sagt, wie man das macht, um die Größe aller Datei-Uploads bereitzustellen.

Answer 1

Fügen Sie den Ereignis-Listener zum file irgendwo um d.appendChild(file) hinzu. Andernfalls, wenn Sie JS niemals sagen, dass Sie auf das Ereignis warten sollen, wie können Sie das erwarten?