HTML文件输入“accept”属性跨浏览器兼容性

Question

file input accept attribute效果很好。但是，有一些浏览器不兼容，尤其是当您只想选择某些文件类型时，即mimetypes。

例如，如果您只想接受markdown和pdf文件（请参阅下面的代码），请使用webkit浏览器 允许一个人选择pdf但忽略any markdown mimetype I can find。 Firefox忽略了两种mimetypes，并允许您选择任何文件类型。

有谁知道如何让webkit浏览器接受markdown文件？

http://jsfiddle.net/JZ5jz/

<label for='file'>upload</label>

<input id='file' accept='application/pdf, text/x-markdown' multiple='multiple' type='file'>

Answer 1

现在您只需使用.md过滤降价文件

即可

＆＃13;

＆＃13;

<label for='file'>upload</label>

<input id='file' accept='.md' multiple='multiple' type='file'>

＆＃13;

＆＃13;

＆＃13;