上传图像后，Rails 3 AJAX页面重定向

Question

I am using AJAX to upload an image (with carrierwave gem) and want to display the image after uploading without refreshing or redirecting the page. Currently, after I upload an image it redirects to /images rather than staying on the / home page.

image_controller.rb:

def create
  @image = Image.new(params[:image])
  respond_to do |format|
    if @image.save
     format.js
    end
  end
end

_upload.html.erb:

<%= form_for @image, :html => { :multipart => true }, :remote => true do |f|%>
  <p>
  <%= f.file_field :image %>
  </p>
  <p><%= f.submit "Upload image", :class => 'btn primary', :id => 'image-upload' %></p>
<% end %>  

create.js.erb:

$('images-show').replaceWith('<%=j render 'shared/show_image' %>');

How do I prevent the redirect to /images after an image upload?

Answer 1

For starters, make sure you have gem 'jquery-rails' in your Gemfile. Then make sure that you have <%= javascript_include_tag "application" %> in the head of your html document application.html.erb and that the file you are including, application.js has the lines:

//= require jquery
//= require jquery_ujs