フォームのファイル選択でドラッグ＆ドロップする方法

小粋空間 » Web » フォームのファイル選択でドラッグ＆ドロップする方法

最近気がつきましたが、フォームのファイル選択でドラッグ＆ドロップする方法を紹介します。

フォームでファイルを選択する場合、Firefoxであれば「参照...」ボタンをクリック。

ファイル選択画面が開くので、アップロードしたいファイルを選択します。

（クリックで拡大）

これでファイルが選択されました。

ですが、このようなまどろっこしいことをしなくてもファイル選択する方法があります。

それは、デフォルトのファイルを選択するボタンに直接ドラッグ＆ドロップする、ということです。

下のスクリーンショットのようにアップロードしたいファイルを、フォームの「参照...」のボタンにドラッグ＆ドロップします。

ドラッグ＆ドロップ

これでファイルが選択されました。

この操作は、

で可能なようです。IEは対応していません。

また複数ファイル選択が可能な場合も同様です。