當我選擇多個文件時如何獲取jQuery中的每個文件數據？

Question

如何在選擇多個文件時獲取每個文件數據？

<input name="file" type="file" multiple="" > 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(':file').change(function(){ 
    var file = this.files[0]; 
    name = file.name.toLowerCase(); 
    size = file.size; 
    type = file.type; 
    }); 
}); 
</script> 

Answer 1

this.files將產生一個數組。因此，只要遍歷像這樣...

$(document).ready(function(){ 
    $(':file').change(function(){ 
    for(var i=0; i< this.files.length; i++){ 
     var file = this.files[i]; 
     name = file.name.toLowerCase(); 
     size = file.size; 
     type = file.type; 
    } 
    }); 
}); 

Answer 2

你可以試試這個 -

$(':file').change(function(){ 
    var fileArray = this.files; 
    $.each(fileArray,function(i,v){ 
     name = v.name.toLowerCase(); 
     size = v.size; 
     type = v.type; 
     alert(name); 
    }) 
});