HTML 中的 input 组件，如果设置成 type=file，就可以变成一个文件选择控件。
默认情况下，系统默认打开的这个文件选择框，可以接受任意的文件选择。如果需要指定可以选择的文件类型，可以使用 accept 参数：
<input type=file accept="image/x-png,image/gif,image/jpeg" />上面这个例子中，浏览器将会只接受 png / gif 或 jpg 的输入。
也可以写:
<input type=file accept="image/*" />以支持任意类型的图片格式输入。同理，类似的比如 video/* 将会只接受任意类型的视频；audio/* 将会只接受任意类型的音频文件。
除了指定 MIME 类型之外，也可以指定后缀。比如：
<input type=file accept=".pdf,.doc,.docx" />将会只允许以 pdf / doc / docx 这三种名称作为后缀的文件被选择。
各个浏览器的支持情况可以看这里。
（当然，这个只是前端的一个校验，后端依然需要重新对前端给的输入进行检查才行）