html5 file上传，input file

<input type='file' id='file' multiple size='50'  />
<input type='button'οnclick='showName()'  value='上传文件'/>

//属性accept='image/*'     控制上传文件类型，只可以选择image类型

<input type='file' id='file' multiple size='50' accept='image/*' />

<script>

  function showName(){

   var file;

   for(var i = 0; i<document.getElementById('file').files.length;i++){

    file = document.getElementById('file').files[i];

    console.log(file.name);

    console.log(file.type);

   console.log(file.size);

   //name type size //匹配 image/*

   if(!/image\/\w+/.test(file.type)){

   alert(file.name+'不是图像文件！'); break;

   }

  }

}

</script>