Rails unknown format on AJAX

Question

I'm trying to implement a very simple file form using the remotipart gem. Most of my files are the exact same as the tutorial ones:

timeline.html.erb :

<%= form_tag new_feed_path(:format => "js"), remote: true, :html => { :multipart => true } do |f| %>
  <%= hidden_field_tag :brief_id, @brief.id %>
  <%= file_field_tag :file %>
  <%= submit_tag "Send", class: "btn btn-success" %>
<% end %>

briefs_controller.rb

 def new_feed
    puts params
    respond_to do |format|
      format.js
    end
 end

new_feed.js.erb

alert('success!');

<% if remotipart_submitted? %>
  alert('submitted via remotipart')
<% else %>
  alert('submitted via native jquery-ujs')
<% end %>

But everytime I submit the form, I get the following error in the logs:

Processing by ResourcesController#create as HTML
Completed 406 Not Acceptable in 14ms
ActionController::UnknownFormat - ActionController::UnknownFormat:

Did I miss something ? I know ajax file upload can be tricky on RoR, but remotipart seems to be a viable solution.

EDIT I managed to fix the first issue by adding :format => "js" , but now I face another problem: none of the form datas are sent. In fact, here are the sent params:

{"controller"=>"briefs", "action"=>"new_feed"}

You have used remote true but request is still processing as HTML, as your logs saying — Navin, Aug 23 '16 at 14:25
Hm, what about changing the name of news_feed.js.erb to create.js.erb? Other suggestion would be to put the call to `authorize` within the `respond_to` block above. — phillyslick, Aug 23 '16 at 14:34
@BenPolinsky , the js file works just fine, authorize too . I'm pretty sure it comes from the form_for itself, but no idea how or why — Pierre Olivier Tran, Aug 23 '16 at 14:46
@BrenoPerucchi new_feed POST /new_feed(.:format) briefs#new_feed — Pierre Olivier Tran, Aug 23 '16 at 15:30

score 0 · Answer 1 · answered Aug 23 '16 at 14:37

0

Check out the example from Remotipart's docs.

Looks like you're not passing :html => { :multipart => true } to form_for

answered Aug 23 '16 at 14:37

phillyslick

571
6
12

Breno Perucchi · Answer 2 · 2016-08-23T15:47:53.697

0

try it

<%= form_tag new_feed_path, html: {multipart: true }, method: :post, remote:true do |f| %>
  <%= hidden_field_tag :brief_id, @brief.id %>
  <%= file_field_tag :file %>
  <%= submit_tag "Send", class: "btn btn-success" %>
<% end %>

edit

try it

install this gem pry

RailsCast Pry

briefs_controller.rb

def new_feed
  binding.pry #just to be sure that this action is not called 
  puts params
  respond_to do |format|
    format.js { render 'new_feed') # modify this
  end
end

edited Aug 23 '16 at 15:47

answered Aug 23 '16 at 15:33

Breno Perucchi

873
7
16

Didn't work. It worked when I replaced it by ```form_tag new_feed_path(format: :js)``` , but with two major issues: - form doesn't send file data - remotipart is not used ( I get the ```'submitted via native jquery-ujs'``` message) – Pierre Olivier Tran Aug 23 '16 at 15:39
if there more lines in the rails logging please add in your post. – Breno Perucchi Aug 23 '16 at 15:49

Rails unknown format on AJAX

2 Answers2