Qual è il modo migliore per verificare se l'utente può caricare file?

Question

Mi chiedo quale sia il modo migliore per verificare se il tipo di input = campo "campo" è disponibile per l'utente?

Almeno iPhone e iPad non consentono all'utente di caricare file, ma piuttosto che controllare l'agente utente con il codice backend mi piacerebbe sentire quale pensi sia la soluzione più minimalista?

Lo scopo è verificare se sono disponibili upoad file, in caso contrario, impostare display: none; per l'intero div contenente la forma.

Questo può essere fatto con solo css? jQuery?

Preferirei una soluzione che non esplicitamente non controlla se (iOS) ma piuttosto un controllo più generico.

Grazie in anticipo!

Answer 1

Il modo più elegante per gestire questo da oggi probabilmente sta usando Modernizr che nella sua ultima versione permette di testare per il supporto di file di input con la seguente dichiarazione JS:

if(Modernizr.fileinput) { 
    //file input available! 
} else { 
    //No file input :(
} 

In alternativa, se non lo fai voler includere Modernizr nel progetto v'è un semplice un modo per testare per esso, che coinvolge solo 3 righe di codice:

var elem = document.createElement('input'); 
elem.type = 'file'; 
return !elem.disabled; 

Come descritto nel this SO answer.