javascript - How to detect browser supports this HTML5 feature - Stack Overflow

admin管理员组

文章数量:1334691

I want to detect (using javascript/jQuery) whether the user's browser supports multiple attribute to input type='file' tag. A feature of HTML5 to add multiple images.

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

Please suggest me how can i do this.

I want to detect (using javascript/jQuery) whether the user's browser supports multiple attribute to input type='file' tag. A feature of HTML5 to add multiple images.

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

Please suggest me how can i do this.

• javascript
• jquery
• html
• cross-browser
• html5-filesystem

Share Improve this question Follow asked May 5, 2012 at 13:19 Rusi NovaRusi Nova 2,66566 gold badges3535 silver badges4848 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 6

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

you can use modernizr which is developed for this purpose.

http://modernizr./

you can detect support of a feature like placeholder in this way:

if (!Modernizr.input.placeholder) {

}

As taken & edited from the Modernizr source:

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

You don't need to include a plete library if this is the only thing you need.

I suggest you use Modernizr javascript library? This provides a way to check if browsers support various features.

You can use Modernizr, which does a huge number of these tests for you.

In this case, though, the test is really easy:

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

The same is true of all the other new properties on elements.

本文标签： javascriptHow to detect browser supports this HTML5 featureStack Overflow