小粋空間  -  a cheap joke and a play on words site

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

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

１．はじめに

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

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

（クリックで拡大）

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

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

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

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

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

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

この操作は、

• Google Chrome
• Firefox
• Safari

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

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