input 框上传多个文件以及文件校验

1、如何上传多个文件

     在input标签中加入 multiple 属性，如下

<input type="file" name="file1" id="file1" multiple="multiple"/> 

       当然，这样也是一样的：

<input type="file" name="file1" id="file1" multiple/> 

 

2、如何进行文件校验

      可以通过document.getElementById("file1").files;获取选择的文件对象，这是一个数组对象，存放的都是javascript的File对象。通过File对象，可以获取到文件名、文件大小、文件类型等信息。那么什么时候进行校验呢？可以在选择了文件之后，进行校验，这就需要使用onchange事件，当然也可以在表单提交的时候进行校验。

如下：

<input type="file" name="file1" id="file1" multiple="multiple" οnchange="checkFile(this)"/>