javascript - 选择多个文件时如何在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);
    })
});