【Rails4】【Ajax】非同期でファイルをアップロードする

環境

Rails 4.1.8
Bootstrap3
twitter-bootstrap-rails 3.2.1

目的

Railsのフォームヘルパーを使い、Ajaxでファイルをアップロードしたい。
form_forでremote:trueしただけではActionController::InvalidAuthenticityTokenというエラーになる。

1. gem のインストール
　下記を追記して、bundle installする

# Gemfile
gen 'remotipart'

2. jQueryの設定で下記を追記

# assets/javascript/application.js
//= require jquery.remotipart

3. フォームの作成

# View
  <%= form_for @upload, :html => {multipart: true, remote: true, authenticity_token: true} do |f| %>
    <%= f.file_field :file %>
  <% end %>

参考

http://kntmrkm.ap01.aws.af.cm/ict/rails%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%82%92ajax%E3%81%A7%E3%81%99%E3%82%8B%E6%99%82/

ruby on rails - File upload field causing ActionController::InvalidAuthenticityToken exception - Stack Overflow