Heim > Web-Frontend > HTML-Tutorial > html input="file" 浏览时只显示指定文件类型 xls、xlsx、csv_html/css_WEB-ITnose

html input="file" 浏览时只显示指定文件类型 xls、xlsx、csv_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-06-21 08:59:08
Original
1295 Leute haben es durchsucht

Valid Accept Types:

For CSV files (.csv), use: 

<input type="file" accept=".csv" />
Nach dem Login kopieren

For Excel Files 2003-2007 (.xls), use:

<input type="file" accept="application/vnd.ms-excel" />
Nach dem Login kopieren

For Excel Files 2010 (.xlsx), use:

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

For Text Files (.txt) use:

<input type="file" accept="text/plain" />
Nach dem Login kopieren

For Image Files (.png/.jpg/etc), use:

<input type="file" accept="image/*" />
Nach dem Login kopieren

For HTML Files (.htm,.html), use:

<input type="file" accept="text/html" />
Nach dem Login kopieren

For Video Files (.avi, .mpg, .mpeg, .mp4), use:

<input type="file" accept="video/*" />
Nach dem Login kopieren

For Audio Files (.mp3, .wav, etc), use:

<input type="file" accept="audio/*" />
Nach dem Login kopieren

For PDF Files, use:

<input type="file" accept=".pdf" /> 
Nach dem Login kopieren

DEMO:
http://jsfiddle.net/dirtyd77/LzLcZ/144/

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage