输入文件中的accept属性不起作用

Question

您好我遇到了htnl中的浏览文件对话框控件标签。标签是

<input id="myfile" name="myfile"  type="file" accept="application/pdf"/>

但是accept属性似乎没有任何影响.iam使用internetexplorer 8浏览器

是否与accept atribute

有任何关系

Answer 1

根据w3schools（http://www.w3schools.com/TAGS/att_input_accept.asp），任何主流浏览器都不能正确支持'accept'属性。文件浏览器对话框中的过滤器不起作用。

您可以在表单onsubmit事件上使用javascript验证来验证文件类型是否正确，否则返回false。

Answer 2

似乎浏览器无法遵循此处的IANA规范： http://www.iana.org/assignments/media-types/media-types.xhtml

在我的情况下，application / pkcs *媒体类型根本不起作用，而由于某种原因，application / x-pkcs12在chrome中工作，在IE中部分工作（.p12）。 Firefox似乎完全没有注意到。

我在这里也发现了这个更乐观的讨论。 File input 'accept' attribute - is it useful?

所以，最好的描述可能是＆＃34;可能不支持不常见的格式＆＃34;，并且x-pkcs vs pkcs混淆或多或少在我的情况下无法使用。

Answer 3

定界符

我可以在某些 modern 浏览器中确认，如果要显示文件对话框类型，则需要使用逗号作为分隔符：

<input accept="image/apng, image/jpeg, image/png" name="example" type="file" />