如何檢測瀏覽器是否支持此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的JavaScript庫？這提供了一種檢查瀏覽器是否支持各種功能的方法。

Answer 4

您可以使用Modernizr，它爲您做了大量的這些測試。

在這種情況下，雖然測試是很容易的：

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

同樣是對元素的所有其他新特性也是如此。

Answer 5

由於從Modernizr的源編輯拍攝&：

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

你並不需要包括一個完整的圖書館，如果這是你唯一需要的東西。