Rails Users/edit.html.erbのモーダル上で別モデルのPOSTができない件。

Question

前提・実現したいこと

Railsでアプリ作成中です。

User/edit.html.erbのユーザー編集画面で、別モデルであるImagesのPOSTがモーダル上でできないことがわかりました。
UserモデルのPOSTは、モーダル上ででき、ImagesモデルのPOSTがモーダルでなければできることから、なにかしらRailsの機能としてモーダル上では別モデルの POSTができないようになっているのではないかと推測しています。

具体的にどこが原因なのか、Railsのどの仕様なのか教えていただけると嬉しいです。

1. users/edit.html.erbのモーダル上でImagesモデルのフォームを送信
2. image_controllerのcreateアクションへ
3. DBに保存されリダイレクトされ元の画面へ。

上記の流れの中で、1のフォーム送信ボタンを押下後、image_controllerを通らずにusers/edit.html.erbに戻ってきてしまいます。

Imageモデルは、image_uploaderをmountしています。

発生している問題・エラーメッセージ

フォーム送信後、

localhost:3000/*****/edit?utf8=✓&authenticity_token=S08quUa**************************D&action=edit&route=users&idParams=3&image%5Bimage%5D=&commit=変更

のようなURLが発行されedit画面に戻ってきています。

該当のソースコード

users/edit.html.erb

<!-- 背景画像のモーダル開く部分 -->
 <label class="cover-image img-responsive center-block open" data-toggle="modal" data-target="#coverimageModal" >
   <% if @user.image %>
      <%= image_tag(@user.image , :class => "user-cover-image") %>
   <% else %>
       <%= image_tag "default.jpg" , :class => "user-cover-image" %>
   <% end %>
       <i class="fa fa-camera fa-2x image-icon"></i>
</label>

<!-- 省略 -->

<!-- 背景画像のモーダル -->
 <div class="modal" id="coverimageModal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
    <div class="cover_overlay"></div>
    　<div class="modal-inner">
    　　<div class="inner">
    　　<button type="button" class="close" data-dismiss="modal" aria-label="Close">
    　　　<span aria-hidden="true">&times;</span>
   　　 </button>
    　　<form class="form-wrapper">
     　　<div class="contents-inner">
    　　　<div class="contents-link">
    　　　　<div class="copy_result">
   　　　　<p class="copy-after-result" style="display: block;">
   　　    カバー写真を編集する
         </p>

<!-- 以下フォーム内容 -->
<%= form_for(@image, :url => {:controller => :images, :action => :create}, html: { multipart: true }) do |f| %>
<!-- ajax処理で使う分のパラメータをhidden_fieldで持っておく -->
   <%= hidden_field_tag "action", params[:action] %>
   <%= hidden_field_tag "route", "users" %>
   <%= hidden_field_tag "idParams", @user.id %>

   <label class="copy-after-btn cover-btn-edit">
   　　<%= f.file_field :image , accept: 'image/*', :style=>"display:none;", id: 'image_img', class: "icon"  %>

  　　　<p>写真を選択</p>
  </label>
  <div class="cover-image-preview">
  　<div id="img_field" onClick="$('#image_img').click()" >
　　 　<img id="image_img_prev" src="#" class='hidden cover-image-preview-inner' />
   　　<%= image_tag(@image.image ,:class => "cover-image-preview-inner image_present_img")%>
  　</div>
 　</div>
</div>
　　<%= f.submit "変更", class: "btn submit_btn" %>
<% end %>

<!-- 省略 -->

試したこと

Users/edit/html/erbのフォームを限りなくシンプルにしたり、form_tagに変えてみたりしましたがどれも全く同じ挙動になりました。そのため、画像送信やフォームが原因ではなく、モーダル上であることが原因だと推測しています。

補足情報（FW/ツールのバージョンなど）

ルーティングもコントローラーも設定しています。

Answer 1

<%= form_for(@image, :url => {:controller => :images, :action => :create}, html: { multipart: true }) do |f| %>

この箇所は出力されるhtmlではどのようになっていますでしょうか？
ヒントになるのではないかと思います。

Comments

[Romay]

コメント遅れまして申し訳ありません。モーダルでの実装をやめ、違う方法で実装いたしました。
今回はこれにて質問を閉じさせていただきます。コメントありがとうございました。