Bem, isso é embaraçoso ... Encontrei a solução que procurava e não poderia ser mais simples. Usei o código a seguir para obter o resultado desejado. Espero que isso ajude alguém no futuro. Obrigado a todos por sua ajuda.
<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
Tipos de aceitação válidos:
Para arquivos CSV (.csv), use:
<input type="file" accept=".csv" />
Para arquivos do Excel 97-2003 (.xls), use:
<input type="file" accept="application/vnd.ms-excel" />
Para arquivos do Excel 2007+ (.xlsx), use:
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
Para arquivos de texto (.txt), use:
<input type="file" accept="text/plain" />
Para arquivos de imagem (.png / .jpg / etc), use:
<input type="file" accept="image/*" />
Para arquivos HTML (.htm, .html), use:
<input type="file" accept="text/html" />
Para arquivos de vídeo (.avi, .mpg, .mpeg, .mp4), use:
<input type="file" accept="video/*" />
Para arquivos de áudio (.mp3, .wav, etc), use:
<input type="file" accept="audio/*" />
Para arquivos PDF , use:
<input type="file" accept=".pdf" />
DEMO:
http://jsfiddle.net/dirtyd77/LzLcZ/144/
NOTA:
Se você estiver tentando exibir arquivos CSV do Excel ( .csv
), NÃO use:
text/csv
application/csv
text/comma-separated-values
( funciona apenas no Opera ).
Se você estiver tentando exibir um tipo de arquivo específico (por exemplo, a WAV
ou PDF
), isso quase sempre funcionará ...
<input type="file" accept=".FILETYPE" />