HTML Input = « file » accepter attribut fichier Type (CSV)

Question

J'espérais que quelqu'un peut m'aider.

J'ai un objet de téléchargement de fichier sur ma page:

<input type="file" ID="fileSelect" />

avec la suivant des fichiers excel sur mon bureau:

1. file1.xlsx
2. file1.xls
3. fichier.csv

Je veux télécharger un fichier à SEULEMENT montrer .xlsx, .xls, & .csv fichiers.

À l'aide de l' accept d'attribut, j'ai trouvé ces types de contenu pris soin de .xlsx & .xls extensions...

accept= application/vnd.openxmlformats-officedocument.spreadsheetml.feuille de (.XLSX)

accept= application/vnd.ms-excel (.XLS)

Cependant, je ne trouve pas le bon type de contenu pour un Excel en fichier CSV! Toutes les suggestions? Merci!!!!

EXEMPLE: http://jsfiddle.net/LzLcZ/

Answer 1

Eh bien, c'est gênant... j'ai trouvé la solution que je cherchais et il ne pouvait pas être plus simple. J'ai utilisé le code suivant pour obtenir le résultat souhaité. Espérons que cela aide quelqu'un dans l'avenir. Merci à tous pour votre aide.

<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />  

Valide Accepter Types:

Pour CSV fichiers (.csv), utilisez:

<input type="file" accept=".csv" />

Pour Les Fichiers Excel 2003-2007 (.xls), utilisez:

<input type="file" accept="application/vnd.ms-excel" />

Pour Les Fichiers Excel 2010 (.xlsx), utilisez:

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

Pour Les Fichiers Texte (.txt) utilisation:

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

---

NOTE:

Si vous tentez d'afficher Excel fichiers CSV (.csv), ne PAS utiliser:

• text/csv
• application/csv
• text/comma-separated-values (travaille à l'Opéra seulement).

---

Si vous tentez d'afficher un type de fichier particulier (par exemple, WAV ou PDF), alors ce sera presque toujours le travail...

 <input type="file" accept=".FILETYPE" />

Answer 2

DOM, cet attribut est très vieux et pas reconnus dans les navigateurs modernes autant que je sache, mais voici une alternative, essayez ceci

Je suppose que ça va vous aider bien sûr, vous pouvez modifier ce script selon vos besoins.

Answer 3

Je l'ai utilisé, text/comma-separated-values pour CSV mime-type à accepter attribut et il fonctionne très bien dans l'Opéra. Tenté text/csv sans chance. Ce site ont certains autres Types MIME pour CSV si les suggestions ne fonctionnent pas: http://filext.com/file-extension/CSV

Si le lien est devenu indisponible: texte/valeurs séparées par des virgules, texte/csv, application/csv, application/excel, application/vnd.ms-excel, application/vnd.msexcel, texte/anytext

Answer 4

Vous pouvez connaître le contenu-type correct pour n’importe quel fichier en faisant simplement ce qui suit : 1) sélectionnez intéressées déposer, 2) et exécutez-le dans la console :

Vous pouvez également définir d’attribut « multiple » pour votre entrée vérifier le type de contenu pour plusieurs fichiers à la fois et faire ensuite :

attribut accepter a quelques problèmes avec l’attribut multiple et ne fonctionne pas correctement dans ce cas.

Answer 5

Maintenant vous pouvez utiliser le nouvel attribut de validation en entrée de html5 `` .