<input type="file">で選択できるファイルをディレクトリのみに制限させる術

こんにちは。レバニラ炒めを食べました。きたけーです。

HTMLのファイルを選択するフォーム部品で、選択できるファイルをディレクトリのみに制限させる方法を知ったのでメモ。 こんなかんじでdirectory属性をつけます。

<input type="file" name="dirname" webkitdirectory directory />

フォームで送信するときは、ディレクトリの中のファイルが全て送信されます。