在 HTML4 标准中文件上传控件只接受一个文件，而在新标准中，只需要设置 multiple，就支持多文件上传。按住 Ctrl 或者 Shift 即可选择多个文件。获取文件信息选中文件通过 HTMLInputElement.files 属性返回，返回值是一个 FileList 对象,这个对象是一个包含了许多 File 文件的列表。比如我们首先运行上面例子的代码，然后随便上传一个文件（这里上传的是一个名为 700.png 的图片），然后按 F12 进入控制台，输入代码: file.files 运行效果为：此处输入图片的描述从运行效果我们可以看出每个 File 对象包含了以下信息： lastModified 表示 UNIX timestamp 形式的最后修改时间。 lastModifiedDate 表示 Date 形式的最后修改时间。 name 表示文件名。只读字符串，只包含文件名称，不包含任何路径。 size 表示文件的字节大小，只读的 64 位整数。 type 表示文件的 MIME 类型。当类型不确定时为 ""。 weblitRelativePath 此处为空，当在 input 上加 webkitdirectory 属性时，用户可选择文件夹，此时 weblitRelativePath 表示文件夹中文件的相对路径。注：FileList 对象由 DOM 提供，列出了所有用户选择的文件，每一个代表了一个 File 对象。你可以通过检查文件列表的 length 属性决定用户可以选则多少文件。各个 File 对象可以方便地通过访问文件列表来获取，像访问数组那样。限制文件的上传类型如果我们需要限制用户上传文件的类型，比如某处我们只希望能够上传图片，那么我们可以使用 input 的 accept 属性，accept 属性接受一个逗号分隔的 MIME 类型字符串。比如： accept="image/png" 或 accept=".png" accept="image/png, image/jpeg" 或 accept=".png, .jpg, .jpeg" accept="image/*" accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" 例子：

“HTML5 基础教程”实验报告