web-dev-qa-db-ja.com

HTMLファイルチューザーダイアログでフィルターを作成

デフォルトのファイルチューザーダイアログに.xxxファイルのみを表示する方法はありますか? xxxは、abc、efgなどの不明なファイルタイプである可能性があります。

私はhtml5を使用しているので、この種のものが新たにサポートされる可能性があります。

ありがとう!

20
amitdar

HTML 5 accept属性file入力要素はこの目的のためのものです。例えば。:

<input type="file" accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
39
deceze

ここに到着する他の人にとって、これらはいくつかの非常に便利な事前定義されたセットです:

<input type="file" accept="image/*"/>
<input type="file" accept="video/*"/>
<input type="file" accept="audio/*"/>
4
Richard Dunn