質問: input/fileタグを使ってローカルの画像をアップロードさせる方法はもちろんわかるのですが、見た目があまり良くないと思っていて、以下のようなアイコンをクリックしたらファイルをアップロードするウィンドウを開くものを作りたいと思っています。 ![画像アップロードアイコン](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/2f30667621ad090f6cc9240ce3f2eabc.png) これはnoteというサービスの仕様で、ソースを見るとクリックイベントを設定してアップロードしているようなのですが、どのように記述すればファイルをアップロードするウィンドウを開けるのかがわかりません。 また、いろいろ調べてみたのですが、そのような情報が一切出てこなかったので、ぜひわかる方に教えていただきたいです。 関係あるかわかりませんが、AngularJSで開発をしています。 よろしくお願いいたします。
回答: これだけで画像をクリックするとアップロードするファイルを選ぶダイアログを画像に置き換えられます。 ``` ``` ドラッグアンドドロップしたファイルを保持してそれをサーバに送るなどすれば input なしでもできますが、ダイアログを出すなら input/file を使うしかないと思います。