【Rails】フォームにフォーム外のファイルを追加しようとしたらJavaScriptをめっちゃ書くことになった - Qiita

概要 Railsのフォーム送信は色々いい感じにやってくれるが、少し変えたい時もある。 僕はフォーム外からファイルを追加したかった。 そういう時は、rails-ujsのajaxイベントハンドラを使うとフォーム送信に要所で割り込める。 Working with JavaScript in Rails#3.5 Rails-ujs event handlers ※ Rails 5.1以降の機能 以下、これを使ってフォーム外のファイルをフォーム内容と同時送信する例を紹介する。 やりたいことの例 本来フォーム内のnameだけ送信されるところ、フォーム外からファイルを追加送信したい。 ここでは仮に、フォーム外のnewImageFilesに画像ファイルを入れてあり、フォーム内容と一緒に送信したいという前提で話を進める。 <%= form_with model: [:user, @config] do |f