Rails 4 не использует Remotipart для удаленной отправки формы

Question

Похоже, что Remotipart на самом деле не используется для отправки моей формы, поэтому изображение полностью опускается, когда я смотрю на параметры, в которые отправляется форма.

remotipart_submitted? возвращает ложь

Титулы: {"utf8"=>"✓", "product"=>{"name"=>"RemotipartFails", "price"=>"10", "description"=>"Please work"}, "action"=>"create", "controller"=>"products"}

Ниже приведен более актуальный код

Драгоценные камни

gem "jquery-rails"
gem "remotipart", "~> 1.2"

Javascript

//= require jquery
//= require jquery_ujs
//= require jquery.remotipart

форма

<%= form_for(:product, url: products_path, remote: true, html: { multipart: true, class: "form-horizontal" }) do |f| %>
  <div class="margin-top-10 margin-bottom-10">
    <div class="input-left">
      <%= f.text_field :name, { placeholder: "Name", class: "form-control" } %>
    </div>
    <div class="input-right">
      <%= f.number_field :price, { placeholder: "Price", class: "form-control" } %>
    </div>
    <div class="clearfix margin-bottom-10"></div>
    <div class="input-full">
      <%= f.text_field :description, { placeholder: "Description", class: "form-control" } %>
    </div>
    <div class="clearfix margin-bottom-10"></div>
    <div class="input-full">
      <%= f.file_field :image, { class: "form-control" } %>
    </div>
    <div class="clearfix margin-bottom-10"></div>
    <%= f.submit "Add Product", class: "btn btn-green" %>
  </div>
<% end %>

Я пробовал без multipart: true потому что я думаю, что form_for добавляет его автоматически, но это не помогло.

На данный момент я открыт для альтернативных решений (надеюсь, я смогу отправить форму удаленно с изображением)

Answer 1

Ниже приведен код для отправки формы через ajax с изображением. Несмотря на то, что его form_tag, он может быть легко изменен на синтаксис form_for.

<!--In View-->
<%= javascript_include_tag "jquery", "jquery_ujs", "jquery.remotipart"%>

<%= form_tag({:controller=>controller,:action=>action},{:method => 'post' ,:name=>'upload-data',:id=>'upload-data', :multipart => true, :target =>'upload_frame' }) do -%>
          <!--Form fields here-->
<%end %>

<script type="text/javascript">
 $("#upload_frame").load(function() {
   var responseText = $("#upload_frame").contents().find('body').html();
   if(responseText != ""){
     $("#element_to_update").html(responseText);
   }
 });
</script>

Я надеюсь, что это будет полезно для тех, кто сталкивается с проблемой.