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

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

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

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

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

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

広告

広告

広告

技術

言語

高校理系

高校文系

中学

小学

エッセイ

姉妹サイト