HTML Input="file" Accept Attribute File Type (CSV)

Question

Ich habe ein Dateiupload-Objekt auf meiner Seite:

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

mit den folgenden Exceldateien auf meinem Desktop:

1. datei1.xlsx
2. datei1.xls
3. Datei.csv

Ich möchte, dass der Datei-Upload auf NUR anzeigen .xlsx , .xls , & .csv Dateien.

Die Verwendung des accept Attribut habe ich festgestellt, dass diese Inhaltstypen die folgenden Aufgaben übernehmen .xlsx & .xls Erweiterungen...

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

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

Ich finde jedoch nicht den richtigen Inhaltstyp für eine Excel-CSV-Datei! Irgendwelche Vorschläge?

BEISPIEL: http://jsfiddle.net/LzLcZ/

Answer 1

Sie können die folgenden Akzepttypen verwenden

<input id="upload_file" accept="image/png,image/jpg,image/jpeg,.doc, .docx,.xls,.xlsx,.pdf,.csv," name="upload_file" type="file"/>

Answer 2

Jetzt können Sie das neue Attribut zur Validierung von html5-Eingaben verwenden pattern=".+\.(xlsx|xls|csv)" .