[ruby-on-rails-4] Carrierwave를 사용한 Rails 4 다중 이미지 또는 파일 업로드

Rails 4 및 CarrierWave를 사용하여 파일 선택 창에서 여러 이미지를 업로드하려면 어떻게해야합니까? 나는 post_controllerpost_attachments모델이 있습니다. 어떻게 할 수 있습니까?

누군가 예를 들어 줄 수 있습니까? 이것에 대한 간단한 접근 방식이 있습니까?



답변

이것은 처음부터 레일 4의 반송파를 사용하여 여러 이미지를 업로드하는 솔루션입니다.

또는 작동 데모를 찾을 수 있습니다.
Multiple Attachment 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 %>

첨부 파일 보기 /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 %>

post_attachment_controller.rb 에서 업데이트 방법 수정

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

rails 3에서는 강력한 매개 변수를 정의 할 필요가 없으며, rails 4에서는 접근 가능한 속성이 더 이상 사용되지 않기 때문에 모델에서 attribute_accessible을 정의하고 모델을 게시하기 위해 accept_nested_attribute를 정의 할 수 있습니다.

첨부 파일을 편집하기 위해 한 번에 모든 첨부 파일을 수정할 수 없습니다. 첨부 파일을 하나씩 교체하거나 규칙에 따라 수정할 수 있습니다. 여기에서는 첨부 파일을 업데이트하는 방법을 보여 드리겠습니다.


답변

CarrierWave의 문서를 살펴보면 실제로 매우 쉽습니다.

https://github.com/carrierwaveuploader/carrierwave/blob/master/README.md#multiple-file-uploads

사진을 추가하고 싶은 모델로 제품을 예로 들어 보겠습니다.

  1. 마스터 브랜치 Carrierwave를 가져 와서 Gemfile에 추가합니다.

    gem 'carrierwave', github:'carrierwaveuploader/carrierwave'
    
  2. 이미지 배열을 호스팅하기 위해 의도 한 모델에 열을 만듭니다.

    rails generate migration AddPicturesToProducts pictures:json
    
  3. 마이그레이션 실행

    bundle exec rake db:migrate
    
  4. 모델 제품에 사진 추가

    app/models/product.rb
    
    class Product < ActiveRecord::Base
      validates :name, presence: true
      mount_uploaders :pictures, PictureUploader
    end
    
  5. ProductsController의 강력한 매개 변수에 그림 추가

    app/controllers/products_controller.rb
    
    def product_params
      params.require(:product).permit(:name, pictures: [])
    end
    
  6. 양식에서 여러 사진을 허용하도록 허용

    app/views/products/new.html.erb
    
    # notice 'html: { multipart: true }'
    <%= form_for @product, html: { multipart: true } do |f| %>
      <%= f.label :name %>
      <%= f.text_field :name %>
    
      # notice 'multiple: true'
      <%= f.label :pictures %>
      <%= f.file_field :pictures, multiple: true, accept: "image/jpeg, image/jpg, image/gif, image/png" %>
    
      <%= f.submit "Submit" %>
    <% end %>
    
  7. 뷰에서 pictures 배열을 구문 분석하는 이미지를 참조 할 수 있습니다.

    @product.pictures[1].url
    

폴더에서 여러 이미지를 선택하는 경우 순서는 위에서 아래로 가져 오는 정확한 순서가됩니다.


답변

몇 가지 사소한 추가 SSR 답변에 대한 사항 :

accepts_nested_attributes_for 는 부모 개체의 컨트롤러를 변경할 필요가 없습니다. 따라서 수정하려면

name: "post_attachments[avatar][]"

…에

name: "post[post_attachments_attributes][][avatar]"

그러면 다음과 같은 모든 컨트롤러 변경 사항이 중복됩니다.

params[:post_attachments]['avatar'].each do |a|
  @post_attachment = @post.post_attachments.create!(:avatar => a)
end

또한 PostAttachment.new부모 개체 양식에 추가해야합니다 .

views / posts / _form.html.erb에서

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

이것은 부모의 컨트롤러에서이 변경을 중복하게 만듭니다.

@post_attachment = @post.post_attachments.build

자세한 내용은 Rails fields_for form not show up, nested form을 참조하세요.

Rails 5를 사용 하는 경우 accepts_nested_attributes_for 내부의 버그로 인해 Rails.application.config.active_record.belongs_to_required_by_defaulttruefalse(config / initializers / new_framework_defaults.rb에서)로 변경하십시오 (그렇지 않으면 accepts_nested_attributes_for 는 일반적으로 Rails 5에서 작동하지 않습니다).

편집 1 :

파괴 에 대해 추가하려면 :

models / post.rb에서

class Post < ApplicationRecord
    ...
    accepts_nested_attributes_for :post_attachments, allow_destroy: true
end

views / posts / _form.html.erb에서

 <% f.object.post_attachments.each do |post_attachment| %>
    <% if post_attachment.id %>

      <%

      post_attachments_delete_params =
      {
      post:
        {
          post_attachments_attributes: { id: post_attachment.id, _destroy: true }
        }
      }

      %>

      <%= link_to "Delete", post_path(f.object.id, post_attachments_delete_params), method: :patch, data: { confirm: 'Are you sure?' } %>

      <br><br>
    <% end %>
  <% end %>

이렇게 하면 자식 개체의 컨트롤러 가 전혀 필요하지 않습니다 ! PostAttachmentsController더 이상 필요하지 않다는 뜻 입니다. 부모 개체의 컨트롤러 ( PostController)에 관해서도 거의 변경하지 않습니다. 여기서 변경하는 유일한 것은 다음과 같이 화이트리스트에있는 매개 변수 목록 (하위 개체 관련 매개 변수 포함)입니다.

def post_params
  params.require(:post).permit(:title, :text,
    post_attachments_attributes: ["avatar", "@original_filename", "@content_type", "@headers", "_destroy", "id"])
end

그것이 그것이 accepts_nested_attributes_for너무 놀라운 이유 입니다.


답변

또한 여러 파일 업로드를 업데이트하는 방법을 알아 냈고 조금 리팩토링했습니다. 이 코드는 내 코드이지만 드리프트를 얻습니다.

def create
  @motherboard = Motherboard.new(motherboard_params)
  if @motherboard.save
    save_attachments if params[:motherboard_attachments]
    redirect_to @motherboard, notice: 'Motherboard was successfully created.'
  else
    render :new
  end
end


def update
  update_attachments if params[:motherboard_attachments]
  if @motherboard.update(motherboard_params)
    redirect_to @motherboard, notice: 'Motherboard was successfully updated.'
  else
   render :edit
  end
end

private
def save_attachments
  params[:motherboard_attachments]['photo'].each do |photo|
    @motherboard_attachment = @motherboard.motherboard_attachments.create!(:photo => photo)
  end
end

 def update_attachments
   @motherboard.motherboard_attachments.each(&:destroy) if @motherboard.motherboard_attachments.present?
   params[:motherboard_attachments]['photo'].each do |photo|
     @motherboard_attachment = @motherboard.motherboard_attachments.create!(:photo => photo)
   end
 end


답변

다음은 모델에 대한 두 번째 리팩터링입니다.

  1. 개인 메서드를 모델로 이동합니다.
  2. @motherboard를 self로 바꿉니다.

제어 장치:

def create
  @motherboard = Motherboard.new(motherboard_params)

  if @motherboard.save
    @motherboard.save_attachments(params) if params[:motherboard_attachments]
  redirect_to @motherboard, notice: 'Motherboard was successfully created.'
  else
    render :new
  end
end

def update
  @motherboard.update_attachments(params) if params[:motherboard_attachments]
  if @motherboard.update(motherboard_params)
    redirect_to @motherboard, notice: 'Motherboard was successfully updated.'
  else
    render :edit
  end
end

마더 보드 모델 :

def save_attachments(params)
  params[:motherboard_attachments]['photo'].each do |photo|
    self.motherboard_attachments.create!(:photo => photo)
  end
end

def update_attachments(params)
  self.motherboard_attachments.each(&:destroy) if self.motherboard_attachments.present?
  params[:motherboard_attachments]['photo'].each do |photo|
    self.motherboard_attachments.create!(:photo => photo)
  end
end


답변

연결 @post.post_attachments을 사용할 때 post_id.


답변