Et bien c'est embarrassant ... J'ai trouvé la solution que je cherchais et ça ne pourrait pas être plus simple. J'ai utilisé le code suivant pour obtenir le résultat souhaité. J'espère que cela aidera quelqu'un à l'avenir. Merci à tous pour votre aide.
<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
Types d'acceptation valides:
Pour les fichiers CSV (.csv), utilisez:
<input type="file" accept=".csv" />
Pour les fichiers Excel 97-2003 (.xls), utilisez:
<input type="file" accept="application/vnd.ms-excel" />
Pour les fichiers Excel 2007+ (.xlsx), utilisez:
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
Pour les fichiers texte (.txt), utilisez:
<input type="file" accept="text/plain" />
Pour les fichiers image (.png / .jpg / etc), utilisez:
<input type="file" accept="image/*" />
Pour les fichiers HTML (.htm, .html), utilisez:
<input type="file" accept="text/html" />
Pour les fichiers vidéo (.avi, .mpg, .mpeg, .mp4), utilisez:
<input type="file" accept="video/*" />
Pour les fichiers audio (.mp3, .wav, etc.), utilisez:
<input type="file" accept="audio/*" />
Pour les fichiers PDF , utilisez:
<input type="file" accept=".pdf" />
DÉMO:
http://jsfiddle.net/dirtyd77/LzLcZ/144/
REMARQUE:
Si vous essayez d'afficher des fichiers Excel CSV ( .csv
), n'utilisez PAS :
text/csv
application/csv
text/comma-separated-values
( fonctionne uniquement dans Opera ).
Si vous essayez d'afficher un type de fichier particulier (par exemple, un WAV
ou PDF
), cela fonctionnera presque toujours ...
<input type="file" accept=".FILETYPE" />