remote:true と multipart: true を併用した場合の挙動

Question

ファイルのアップロードフォームを作りたくて

  <%= form_tag import_users_path, method: :post, multipart: true, remote: true do %>
    <%= file_field_tag :file %>
    <%= submit_tag 'インポート', class: "btn btn-default" %>
  <% end %>

という view をかいて

<form enctype="multipart/form-data" action="/users/import?locale=ja" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓">
    <input type="file" name="file" id="file">
    <input type="submit" name="commit" value="インポート" class="btn btn-default">
</form>

このような HTML が出力されたのですがクリックしても

Processing by UsersController#import as HTML

となってコントローラー側で format が JS になりません

multipart: true を消すと

Processing by UsersController#import as JS

となるんですが
https://teratail.com/questions/153040
こちらで質問したとおりコントローラー側でアップロードされたファイルの中身をよむ方法がわかりません

アップロードの結果を
render js: "window.alert('" + msg + "');"
のようなポップアップで返したいんですがどうしたらいいんでしょうか

Answer 1

https://qiita.com/toshi_dev/items/323f498d4a5ac6c97981

remotipart というジェムがあるみたいで
これをインストールするだけで動くようになりました

Answer 2

マルチパートフォームをajax送信するのはgem使って実現するのがいいかと思います。
jquery-fileupload-rails
jQuery File Upload

Comments

[退会済みユーザー]

読んでみたんですけどインストール方法だけで
view や controller の書き方のサンプルがみつからなくて意外と大事みたいなので
おとなしくページ遷移してメッセージをはくことにします

せっかく紹介していただいたのにすいません