はじめに ファイルアップロードフォーム(input type="file")で「参照...」ボタンを押したときに、特定の拡張子のファイルだけ(たとえば*.csvファイル)を表示するようにしたいと思い、その方法を調べてみました。 input type="file"でaccept属性を指定する 以下のサイトによると、HTMLの仕様ではaccept属性を指定すると、特定の拡張子を持つファイルだけを許可するという意味になるようです。 input要素に type="file" を指定すると、ファイルアップロードコントロールになります。基本的には、このコントロールはあらゆる種類のファイルをアップロードすることができます。 しかし、たとえば写真をアップロードするシステムでは、画像以外のファイルをアップロードしても意味がありません。そのような場合、「画像だけアップロードできる」という指定をしたくなります。
![ファイル選択ダイアログ(input type="file")でcsvファイルだけを表示したい - 小さい頃はエラ呼吸](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8f1775a3d829d987cc74b44bd3ffb8bd3fb7508/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F98b3731798866b822369b0d8769e11fc42ce8ffc%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fr%252Freplication%252F20100722%252F20100722193031.png)