fileを別要素クリックで開く方法ゆうや2020/02/13SHAREツイートシェアはてブGoogle+PocketLINEこんにちは。UVERworld布教クリエイターのゆうや(@yuyaphotograph)です!本記事では、inputタグのtype=”file”を別要素をクリックで開く方法を紹介します。任意のdivタグをクリックした時にinputタグのtype=”file”をクリックしたことにして開かせたい方向けです。今回の実装をする上でうまく動作しなかった方法をまず紹介します。以下、その時のコードです。上記のコードに以下のような工夫を施すと期待通りの動作をするようになりました。fileでアップロードされた時の処理を書く上記のように修正したコードは以下になります。CodePen.まとめ以上、inputタグのtype=”file”を別要素をクリックで開く方法をご紹介しました。処理の順番とかどこに処理を書くのかってけっこうエラーの原因になるので注意が必要ですね。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。