选择多个文件并限制文件类型

HTML5 文件 API 允许你通过简单地在文件输入上设置 accept 属性来限制接受哪种文件，例如：

<input type="file" accept="image/jpeg">

指定由逗号分隔的多个 MIME 类型（例如 image/jpeg,image/png）或使用通配符（例如 image/*允许所有类型的图像）为你提供了一种快速而强大的方法来限制你要选择的文件类型。以下是允许任何图片或视频的示例：

<input type="file" accept="image/*,video*">

默认情况下，文件输入允许用户选择单个文件。如果要启用多个文件选择，只需添加 multiple 属性：

<input type="file" multiple>

然后，你可以通过文件输入的 files 数组读取所有选定的文件。见读取文件 dataUrl