ruby-on-rails - 在rails中提交带有嵌套表单的图像

Question

这是我对帖子的看法

<%= nested_form_for Post.new,url: {action: :create} do |f| %>
<%= f.text_field :title,placeholder: 'Ad title' %>
<%= f.text_area :description, :cols => 80, :rows => 20, :class => 'tinymce' %>
<%= f.fields_for :image, :html => { :multipart => true, :id => "fileupload"  } do |uploads| %>
<%= uploads.file_field :upload %>
<button type="submit">Start upload</button>
<% end %>
<input type="submit" />
<% end %>

如果我单击start upload它会重定向到action: :create. 我需要通过 ajax 上传图片。我怎样才能实现它。

编辑 1

我试过这个

<script type="text/javascript" charset="utf-8">
  $(function () {
      $('#fileupload').submit(function(){
        alert('test');
      })

  });
</script>

但是form是直接提交给action: :create

Answer 1

我认为您需要有两个单独的表单，然后使用 css 在中间显示图像。否则，图像将始终与其他表单一起提交（除非您在 ajax 之后将其删除。尝试使用remote: trueAJAX 上传选项，但是，我不确定它是否会工作。使用 AJAX 上传非常棘手。我用过iframes 我最后一次必须这样做（2 年前）。