如何按特定文件类型过滤输入类型="文件"对话框？

Question

我想在点击浏览按钮时将浏览器限制为JPG文件<input type="file">.

是否可以浏览特定的文件类型？

Answer 1

请参阅http://www.w3schools.com/tags/att_input_accept.asp:

除Internet Explorer和Safari外,所有主流浏览器都支持accept属性.定义和用法

accept属性指定服务器接受的文件类型(可以通过文件上载提交).

注意:accept属性只能用于<input type="file">.

提示:请勿将此属性用作验证工具.应在服务器上验证文件上载.

句法 <input accept="audio/*|video/*|image/*|MIME_type" />

提示:要指定多个值,请使用逗号分隔值(例如<input accept="audio/*,video/*,image/*" />,

Answer 2

这将在文件对话框显示时提供正确的(自定义)过滤器:

<input type="file" accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*">