Detect if <input type="file" /> is supported

Question

I'm building a mobile version of my site which has a file upload facility, accessed via an 'Upload Button'

I would like to hide the button from iPhone users, as the control just appears greyed out - is this possible?

I don't really want to detect the iPhone; I feel it would be much better to detect the feature - making it start to work automatically should Apple enable this (or the phone is Jailbroken, or something...)

Answer 1

Function to check whether input[type=file] is implemented:

function isInputTypeFileImplemented() {     var elem = document.createElement("input");     elem.type = "file";     if (elem.disabled) return false;     try {         elem.value = "Test"; // Throws error if type=file is implemented         return elem.value != "Test";     } catch(e) {         return elem.type == "file";     } } 

Fiddle: http://jsfiddle.net/8EqEE/9