如何檢測瀏覽器支持此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
}

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