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

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

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

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

HTMLのinputでアップロードファイルの拡張子をjpegだけにするには…input type="file" accept="image/jpeg…とする。複数の拡張子を設定するには…input type="file" accept="image/jpeg, image/png"…などとする。