ブラウザでこのHTML5機能をサポートする方法

Question

ユーザのブラウザでmultiple属性がinput type='file'タグに対応しているかどうかを（javascript/jQueryを使用して）検出したいと思います。複数の画像を追加する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 
} 

同じ要素上の他のすべての新しいプロパティの事実です。 Modernizrソースから編集取ら&として

Answer 5

：

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

これはあなたが必要とする唯一のものである場合は、完全なライブラリを含める必要はありません。