javascript - ファイル選択の入力を単一のディレクトリに制限する

Question

ブートストラップ スタイルの入力をファイル セレクターとして使用します。

<div class="input-append">
   <input class="span2" id="appendedInputButtons" type="file">
   <button class="btn" type="button">Select File</button>
</div>

1 ページに複数あります... 1 つは画像を選択するため、1 つは MP4 クリップを選択するため、もう 1 つはフラッシュ ファイルを選択するためです。

メディア ファイルは、ハード ドライブまたはサーバー上の個別のディレクトリに格納されます。(現在、これをデモとしてオフラインでビルドしているため、ローカル ドライブからファイルを選択する必要があります)

ディレクトリ構造は次のようになります。

demo.html
  |
  media------
            |
            ---image
            |
            ---flash
            |
            ---video

今のところ混乱しています...ユーザーはビデオセレクターで画像を選択したり、画像セレクターでビデオを選択したりできます...ユーザーを適切なディレクトリに誘導できれば、これを防ぐことができると考えました。

画像ファイル セレクターだけを扱いましょう。他のメディア セレクターのコードを変更できると確信しています。

Image File Selector が「image」ディレクトリのみに移動してファイルを選択するようにするには、どうすればよいですか?