Irohabook
HTML

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

広告

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

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

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

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

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

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会