Rails 4 загрузка нескольких изображений или файлов с помощью carrierwave

86

Как я могу загрузить несколько изображений из окна выбора файлов с помощью Rails 4 и CarrierWave? У меня есть post_controllerи post_attachmentsмодель. Как я могу это сделать?

Кто-нибудь может привести пример? Есть ли простой подход к этому?

ССР
источник

Ответы:

195

Это решение для загрузки нескольких изображений с помощью несущей волны в рельсах 4 с нуля.

Или вы можете найти рабочую демонстрацию: Multiple Attachment Rails 4

Для этого просто выполните следующие действия.

rails new multiple_image_upload_carrierwave

В файле драгоценного камня

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 %>

Измените метод обновления в 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

В рельсах 3 нет необходимости определять строгие параметры, и поскольку вы можете определить attribute_accessible как в модели, так и в accept_nested_attribute для публикации модели, потому что доступный атрибут устарел в рельсах 4.

Для редактирования вложения мы не можем изменять все вложения за раз. поэтому мы будем заменять вложения одно за другим, или вы можете изменить в соответствии со своим правилом. Здесь я просто покажу вам, как обновить любое вложение.

ССР
источник
2
в показе пост-контроллера, я думаю, вы забыли @post = Post.find (params [: id])
wael
1
@SSR Почему вы в createдействии просматриваете вложения каждого сообщения ? Rails и carrierwave достаточно умен, чтобы автоматически сохранять коллекции.
hawk
3
Хотел бы увидеть правку (особенно :_destroyчасть обработки )
Tun
5
@SSR - Ваш ответ очень полезен. Не могли бы вы также обновить свой ответ с помощью действия редактирования.
raj_on_rails
2
Когда я добавляю проверки в модель post_attachment, они не препятствуют сохранению модели post. Вместо этого сообщение сохраняется, а затем выдается неверная ошибка ActiveRecord только для модели вложения. Я думаю, это из-за создания! метод. но использование create вместо этого просто терпит неудачу. Есть идеи, как сделать так, чтобы проверка сообщения попадала в вложения?
dchess
32

Если мы посмотрим на документацию CarrierWave, то теперь это действительно очень просто.

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

Я буду использовать Product в качестве модели. Я хочу добавить изображения в качестве примера.

  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. В ваших представлениях вы можете ссылаться на изображения, анализирующие массив изображений:

    @product.pictures[1].url
    

Если вы выберете несколько изображений из папки, порядок будет точным в том порядке, в котором вы снимаете их сверху вниз.

Drjorgepolanco
источник
9
Решение этой проблемы CarrierWave заставляет меня съеживаться. При этом все ссылки на файлы помещаются в одно поле массива! Это уж точно не считалось бы «рельсовым путем». Что, если вы затем захотите удалить некоторые из них или добавить в сообщение дополнительные файлы? Я не говорю, что это было бы невозможно, я просто говорю, что это было бы некрасиво. Объединительный стол - гораздо лучшая идея.
Toby 1 Kenobi
3
Я не мог больше согласиться с Тоби. Не могли бы вы предоставить такое решение?
drjorgepolanco
2
Эти решения уже предоставляются SSR. Для хранения загруженного файла вводится другая модель, а затем то, для чего требуется много загруженных файлов, связано с этой другой моделью в отношениях «один ко многим» или «многие ко многим». (таблица соединений, о которой я упоминал в своем предыдущем комментарии, была бы в случае отношения «многие ко многим»)
Тоби 1 Кеноби,
Спасибо @ Toby1Kenobi, мне было интересно, как метод массива столбцов будет учитывать версии изображений (я не понимаю, как это возможно). Ваша стратегия выполнима.
chaostheory
Я реализовал эту функцию Carrierwave с Rails 5.xx, github.com/carrierwaveuploader/carrierwave/blob/master/ ... Но я не могу запустить его успешно, и он генерирует ошибку, UndefinedConversionError ("\x89" from ASCII-8BIT to UTF-8) для решения SSR он отлично работает с Rails 4.xx, но я столкнулся с проблемами (с Rails 5.xx), то есть его сохранение ActionDispatch::Http::UploadedFileв базе данных вместо имени файла. Он также не сохраняет файлы в общих папках для заданного пути в загрузчике.
Mansi Shah
8

Некоторые незначительные дополнения к ответу SSR :

accept_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 форма не отображается, вложенная форма

Если вы используете Rails 5, то измените Rails.application.config.active_record.belongs_to_required_by_defaultзначение с trueна false(в config / initializers / new_framework_defaults.rb) из-за ошибки внутри acceptpts_nested_attributes_for (иначе accept_nested_attributes_for обычно не будет работать в Rails 5).

РЕДАКТИРОВАТЬ 1:

Чтобы добавить об уничтожении :

В моделях / 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это так потрясающе.

программы
источник
На самом деле это важные дополнения к ответу @SSR, а не второстепенные :) accept_nested_attributes_for - это нечто. На самом деле дочерний контроллер вообще не нужен. Следуя вашему подходу, единственное, что я не могу сделать, это отображать сообщения об ошибках формы для ребенка, когда что-то идет не так с загрузкой.
Луис Фернандо Ален
Спасибо за ваш вклад. Загрузка работает, но мне интересно, как добавить дополнительные атрибуты в поле формы post_attachments в views / posts / _form.html.erb? <%= d.text_field :copyright, name: "album[diapos_attributes][][copyright]", class: 'form-field' %>записывает авторские права только на последнюю запись, а не на все.
SEJU
6

Также я понял, как обновить загрузку нескольких файлов, а также немного отредактировал его. Это мой код, но вы уловили его.

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
Спасибо, что поделились своим кодом. когда у вас будет время, обновите код в моем репозитории на gihub и не забудьте прокомментировать каждый метод, чтобы каждый мог легко понять код.
SSR
1
Я клонировал репозитории, вы дадите мне разрешение на пиар?
Крис Хабгуд
Да, конечно. Что вы GitHub имя пользователя
SSR
У вас была возможность предоставить мне доступ?
Крис Хабгуд
2

Вот мой второй рефакторинг модели:

  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
Крис Хабгуд
источник
2

При использовании ассоциации @post.post_attachmentsвам не нужно устанавливать post_id.

Крис Хабгуд
источник