有什么方法可以在文件上传下拉菜单中从“所有文件”更改默认设置？

Question

我目前正在为供小孩子使用的客户端构建文件上传方法，因此我们正在尝试消除尽可能多的错误空间。有什么方法可以将文件上传下拉列表的默认设置从“所有文件”更改为我们在页面上允许的文件类型？我们已经采取措施阻止用户上传不允许的文件，这只是为了使其更加清晰，这样用户就不会浪费时间意外选择错误的文件类型。示例：

例如，我希望箭头指向的字段自动显示为.jpg和.pdf而不是“所有文件”。

Answer 1

使用输入标签的接受属性。因此，仅接受PNG，JPEG和GIF可以使用以下代码：

<input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg" />

或者简单地：

<input type="file" name="myImage" accept="image/*" />

请注意，这只会在浏览器中生效，以接受此代码。 I. E. Opera和ie9不支持此

Answer 2

您可以在<input>字段上使用the accept attribute：

<input type="file" … accept="image/png, image/gif">