Asynchronous File Uploads in Rails

Today we will be uploading a file to server using ajax call with the help of Iframe method. There is a Ruby Gem available called remotipart, which handles this kind of situation. InstallationInstalling is easy. Just add it to your Gemfile:

gem "remotipart", "~> 1.2" # Assusming in Rails > 3.2

And run:

bundle install

Then Make sure to add this line just after //= require jquery //= require jquery_ujs :

//= require jquery.remotipart

Now you're ready to start uploading files. In your controllers, views, or helpers, you may want to know if the form was submitted with Remotipart (using the iframe-transport) Remotipart makes a method available called remotipart_submitted :

if remotipart_submitted?
  # Upload files
else
  # Perform Simple Ajax Calls
end

Handling the Error: In most blogs you will find to handle ajax complete and ajax success function when using remoti part bcoz remoti part internally submits your request as Iframe for which your js.erb template is not executed in rails fashion. To do so , Here is a trick. If you get your response wrapped in a text area do this. Open up config/initializers Create a file named remotipart_override.rb & paste the content.

module Remotipart
 module RenderOverrides
    def render_with_remotipart *args
      render_without_remotipart *args
      if remotipart_submitted?
        textarea_body = response.content_type == 'text/html' ? html_escape(response.body) : response.body
        response.body = textarea_body
        response.content_type = Mime::HTML
      end
      response_body
    end
  end
end

Here we have tweaked the response body which is compatible with rails style. Thanks to Santosh for writing this post .Post Comments And Suggestions !!!