[解決済み] Rails 4 carrierwaveを使用した画像やファイルの複数アップロード

質問

Rails 4とCarrierWaveを使用して、ファイル選択ウィンドウから複数の画像をアップロードするにはどうしたらよいでしょうか。私は post_controller と post_attachments というモデルを作成することができます。どうすればいいのでしょうか？

どなたか例を示していただけませんか？これに対する簡単なアプローチはありますか？

どのように解決するのですか？

rails 4でcarrierwaveを使用して複数の画像をゼロからアップロードするためのソリューションです。

または、動作するデモを見ることができます。 マルチアタッチメント Rails 4

以下の手順で行うだけです。

rails new multiple_image_upload_carrierwave

gemファイルでは

gem 'carrierwave'
bundle install
rails generate uploader Avatar 

ポスト足場の作成

rails generate scaffold post title:string

post_attachmentの足場を作る

rails generate scaffold post_attachment post_id:integer avatar:string

rake db:migrate

post.rbでは

class Post < ActiveRecord::Base
   has_many :post_attachments
   accepts_nested_attributes_for :post_attachments
end

post_attachment.rbで

class PostAttachment < ActiveRecord::Base
   mount_uploader :avatar, AvatarUploader
   belongs_to :post
end

post_controller.rbの中で

def show
   @post_attachments = @post.post_attachments.all
end

def new
   @post = Post.new
   @post_attachment = @post.post_attachments.build
end

def create
   @post = Post.new(post_params)

   respond_to do |format|
     if @post.save
       params[:post_attachments]['avatar'].each do |a|
          @post_attachment = @post.post_attachments.create!(:avatar => a)
       end
       format.html { redirect_to @post, notice: 'Post was successfully created.' }
     else
       format.html { render action: 'new' }
     end
   end
 end

 private
   def post_params
      params.require(:post).permit(:title, post_attachments_attributes: [:id, :post_id, :avatar])
   end

views/posts/_form.html.erbの中で

<%= form_for(@post, :html => { :multipart => true }) do |f| %>
   <div class="field">
     <%= f.label :title %><br>
     <%= f.text_field :title %>
   </div>

   <%= f.fields_for :post_attachments do |p| %>
     <div class="field">
       <%= p.label :avatar %><br>
       <%= p.file_field :avatar, :multiple => true, name: "post_attachments[avatar][]" %>
     </div>
   <% end %>

   <div class="actions">
     <%= f.submit %>
   </div>
<% end %>

任意の投稿の添付ファイルや添付ファイルのリストを編集する。 views/posts/show.html.erbにて。

<p id="notice"><%= notice %></p>

<p>
  <strong>Title:</strong>
  <%= @post.title %>
</p>

<% @post_attachments.each do |p| %>
  <%= image_tag p.avatar_url %>
  <%= link_to "Edit Attachment", edit_post_attachment_path(p) %>
<% end %>

<%= link_to 'Edit', edit_post_path(@post) %> |
<%= link_to 'Back', posts_path %>

添付ファイルを編集するための更新フォーム views/post_attachments/_form.html.erbを更新します。

<%= image_tag @post_attachment.avatar %>
<%= form_for(@post_attachment) do |f| %>
  <div class="field">
    <%= f.label :avatar %><br>
    <%= f.file_field :avatar %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

のupdateメソッドを変更する。 post_attachment_controller.rbにあるupdateメソッドを修正します。

def update
  respond_to do |format|
    if @post_attachment.update(post_attachment_params)
      format.html { redirect_to @post_attachment.post, notice: 'Post attachment was successfully updated.' }
    end 
  end
end

rails3ではstrongパラメータを定義する必要がなく、rails4ではattribute accessibleが廃止されたため、attribute_accessibleをモデルに、accept_nested_attributeをモデルに投稿するように定義することが可能です。

添付ファイルを編集するには、一度にすべての添付ファイルを変更することはできないので、添付ファイルを一つずつ置き換えるか、自分のルールに従って変更します。