<input type = "file">を使用した場合のイメージ形式のドロップダウン

Question

ユーザーは、HTMLの要素の[参照]ボタンをクリックしたときに、ネイティブOSのファイル選択から選択できるファイルの種類を制限したいと考えています。私はそれが不可能だと感じているが、解決策があるかどうかを知りたい。私はHTMLとJavaScriptだけを使いたいと思っています。フラッシュはしないでください。

現在、私は
<form:input path="image" type="file" accept="image/*" style="display: none;"/>

を持っており、それが

、以下のように表示さしかし、私たちは私たちのmspaintに持っているもののように表示する必要があります。

Answer 1

にのみ、この

<form:input path="image" type="file" accept="image/gif, image/jpeg, image/png" style="display: none;"/> 

ような何かを行うことができますしかし、これはあなたが探しているのリストを与えることはありません。

これは、ユーザーに表示するファイルタイプについてのヒントをブラウザに提供しますが、これは簡単に回避できるため、サーバー上のアップロードされたファイルも常に検証する必要があります。