Irohabook
0
398

inputのacceptでアップロードできるファイルの拡張子を制限する

HTMLのinputでアップロードファイルの拡張子をjpegだけにするには

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

とする。acceptはformではなく、inputに対して設定する。複数の拡張子を設定するには

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

などとカンマ区切りで並べる。だいたいのモダンブラウザできちんと動く(2018年10月現在)。

次の記事

HTML/CSS