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

Sac*_*n J 69 html javascript

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

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

JB *_*zet 71

请参阅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/*" />,

  • 你没有解决它.这是你无法控制的事情.只需在UI中明确用户应选择的是图像,并在服务器端验证它.这就是"文件上传应该在服务器上验证"的意思. (7认同)
  • 谢谢..但是如何修复 IE 的问题? (2认同)

Veg*_*ard 70

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

<input type="file" accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*">
Run Code Online (Sandbox Code Playgroud)

  • 59票赞成,但没有人注意:`images / *`应该是`image / *`。 (2认同)