CODEWITHSUNDEEP
javascripthtmlfile-uploadmodernizr
Hristo
Hristo

Reputation: 46477

how would I detect if "multiple" attribute is supported for file input elements?

Internet Explorer does not support the multiple attribute for <input type="file" />. However, its not only IE that lacks this support... also certain mobile browsers do not support the multiple attribute. So simply detecting that the browser is IE is not the ideal solution.

So how would I detect if the multiple attribute is supported for for <input type="file" /> with JavaScript?

UPDATE

It seems like Modernizr has support for new HTML5 input element attributes:

http://modernizr.com/docs/#input

The accepted solution seems to work, however, since I'm already using Modernizr, my solution is the following:

/**
 * Determines if the given attribute is supported for <input /> elements.
 * 
 * @param attribute - the attribute to test for (ex. "multiple")
 */
function isInputAttributeSupported(attribute) {
    return (Modernizr.input[attribute]) ? true : false;
};

Upvotes: 9

Views: 6308

Answers (2)

Jonathan Lonowski
Jonathan Lonowski

Reputation: 123473

You can try checking for the existence of the corresponding property:

var supportsMultipleFiles = 'multiple' in document.createElement('input');

Example: http://jsfiddle.net/sbZvS/

Upvotes: 15

epascarello
epascarello

Reputation: 207511

var inp = document.createElement("input");
inp.setAttribute("multiple", "true");
var supportsMultiple = inp.multiple===true;

Upvotes: 8

Related Questions