javascript - 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