こんにちは、@yoheiMuneです。 今日はinputのfileタグで、ディレクトリを選択したり、その情報をJSで読み取ったりする方法をブログに書きたいと思います。 目次 inputのfileタグでディレクトリを指定可能にする 2017年2月現在ChromeとFirefox(バージョン50以上)で、<input type="file"/>でディレクトリ選択をすることができます。具体的には以下のようにwebkitdirectory属性を追加します。 <input id="file" type="file" name="upfile[]" webkitdirectory> これだけでディレクトリ選択ができるようになります、すごいですね。 Javascriptで内容を読み取る ディレクトリでファイル選択されたものは、以下のようにJSから読み取ることができます。 document.getElem