接受按钮在 Firefox 和 Safari 中不起作用答案

【问题标题】：accept button is not working in firefox and safari接受按钮在 Firefox 和 Safari 中不起作用
【发布时间】：2013-09-05 06:39:27
【问题描述】：

我有一个<input type="file" accept=".png,.jpg" /> 元素。带属性接受。

但它接受了 firefox 和 safari 中的所有文件。它运作良好在铬和即。我如何为所有浏览器编写代码

【问题讨论】：

【解决方案1】：

试试这个：

<label>Select file: 
<input type="file" name="imagefile" accept="image/jpeg, image/png">
</label>

【讨论】：

顺便说一句，Mozilla 家伙坚持认为这是受支持的：developer.mozilla.org/en-US/docs/Web/HTML/Element/… 并且它确实在 FF 23.0.1 中工作
您的答案是正确的（这很好，因为该线程中的大多数其他答案都很糟糕）。然而，Firefox 似乎只支持文件输入元素的accept 属性中的通配符 MIME 类型，无论 MDN 声称什么。至少在 OS X 上。我还没有在 Windows 上测试过。
嗯.. 我在 Windows 上尝试过 Firefox，它确实接受多种 MIME 类型。但是，它显示为第一个选项“所有文件 (.)”-我不明白-以及随后的选项 png/jpeg、png 和 jpeg（按此顺序）。我认为这是 Mozilla 家伙的错误实施决定，但仍然......这是我能得到的最好的；）
那么......这是一个有效的答案吗？ ;)

【解决方案2】：

你可以在所有浏览器上使用它

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

【讨论】：