javascript - 如何检测浏览器是否支持此 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

从 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
}

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