HTML

HyperText Markup Language <input> accept Attribute.

<input accept>

　input属性の accept属性は、サーバーが受け入れるファイルの種類を指定する属性。

<input type="file" accept="ファイルの種類">

ファイルの種類

audio/*

オーディオファイル全般。

video/*

動画ファイル全般。

image/*

画像ファイル全般。

MIMEタイプ

MIMEタイプで指定することもできる。

よく使うMIMEタイプの一例

text/html

HTML

text/xml

XML

text/css

スタイルシート（CSS）

text/plain

テキスト

text/csv

CSV

image/png

PNG

image/jpeg

JPEG

image/gif

GIF

audio/mpeg

MP3

video/mpeg

MPEG

video/mp4

MP4

application/pdf

PDF

application/x-shockwave-flash

Flash

カンマ「,」区切りで複数の値を指定することもできます。

Sample

オーディオファイル全般

<input type="file" accept="audio/*">

動画ファイル全般

<input type="file" accept="video/*">

画像ファイル全般

<input type="file" accept="image/*">

MIMEタイプ

テキストファイル

<input type="file" accept="text/plain">

３つの形式の画像ファイル

PNG、JPEG、GIFの形式の画像ファイル。

<input type="file" accept="image/png, image/jpeg, image/gif">

CSVファイル

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

PDFファイル

<input type="file" accept="application/pdf">