如何检测浏览器支持此HTML5功能

Question

我想检测（使用javascript / jQuery）用户的浏览器是否支持multiple标记input type='file'属性。 HTML5的一项功能，可添加多个图像。

<input type=file  name="images" value=" " multiple=""/>

请建议我怎么做。

Answer 1

var i = document.createElement("input");
if (typeof i.multiple !== 'undefined') {
    // supports multiple
}

Answer 2

您可以使用为此目的而开发的modernizr。

http://modernizr.com/

您可以通过以下方式检测placeholder等功能的支持：

if (!Modernizr.input.placeholder) {

}

Answer 3

采取的＆amp;从Modernizr来源编辑：

var inputElem = document.createElement('input');
var multipleSupport = !!(multiple in inputElem);

如果这是您唯一需要的，则无需包含完整的库。

Answer 4

我建议你使用Modernizr javascript库？这提供了一种检查浏览器是否支持各种功能的方法。

Answer 5

您可以使用Modernizr，它会为您完成大量的测试。

在这种情况下，测试非常简单：

if (typeof document.createElement('input').multiple !== "undefined") {
    // ... yes, it has it
}

元素上的所有其他新属性也是如此。