Как загрузить несколько изображений из окна выбора файлов с помощью Rails 4 и CarrierWave? У меня есть модель post_controller
и post_attachments
. Как я могу это сделать?
Может ли кто-нибудь представить пример? Есть ли простой подход к этому?
Как загрузить несколько изображений из окна выбора файлов с помощью Rails 4 и CarrierWave? У меня есть модель post_controller
и post_attachments
. Как я могу это сделать?
Может ли кто-нибудь представить пример? Есть ли простой подход к этому?
Это решение для загрузки нескольких изображений с использованием несущей в рельсах 4 с нуля
Или вы можете найти рабочую демоверсию: Несколько релейных вложений 4
Чтобы сделать это, выполните следующие действия.
rails new multiple_image_upload_carrierwave
В файле gem
gem 'carrierwave'
bundle install
rails generate uploader Avatar
Создать post scaffold
rails generate scaffold post title:string
Создать post_attachment scaffold
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
В представлениях /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
В rails 3 нет необходимости определять сильные параметры и как вы можете определить атрибут_accessible как в модели, так и в accept_nested_attribute для публикации модели, потому что доступный атрибут устарел в рельсах 4.
Для редактирования вложения мы не можем изменять все вложения одновременно. поэтому мы заменим приложение по одному или вы можете изменить в соответствии с вашим правилом. Здесь я просто покажу вам, как обновлять любое вложение.
Если мы посмотрим на документацию CarrierWave, на самом деле это очень просто.
https://github.com/carrierwaveuploader/carrierwave/blob/master/README.md#multiple-file-uploads
Я буду использовать Продукт как модель, которую я хочу добавить в качестве примера.
Получите основную ветку Carrierwave и добавьте ее в свой Gemfile:
gem 'carrierwave', github:'carrierwaveuploader/carrierwave'
Создайте столбец в предполагаемой модели для размещения массива изображений:
rails generate migration AddPicturesToProducts pictures:json
Запустите миграцию
bundle exec rake db:migrate
Добавить фотографии в модель продукта
app/models/product.rb
class Product < ActiveRecord::Base
validates :name, presence: true
mount_uploaders :pictures, PictureUploader
end
Добавить изображения в сильные параметры в ProductsController
app/controllers/products_controller.rb
def product_params
params.require(:product).permit(:name, pictures: [])
end
Разрешить вашей форме принимать несколько изображений
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 %>
В ваших представлениях вы можете ссылаться на изображения, анализирующие массив изображений:
@product.pictures[1].url
Если вы выберете несколько изображений из папки, порядок будет точный порядок, который вы берете их сверху вниз.
Также я выяснил, как обновить несколько файлов, и я также немного переработал его. Этот код мой, но вы получаете дрейф.
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
Некоторые незначительные дополнения к ответу 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
в родительскую форму объекта:
В представлениях /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 не отображается, вложенная форма
Если вы используете Rails 5, измените значение Rails.application.config.active_record.belongs_to_required_by_default
с true
на false
(в config/initializers/new_framework_defaults.rb) из-за ошибки внутри accepts_nested_attributes_for (в противном случае accepts_nested_attributes_for обычно не работает под Rails 5).
РЕДАКТИРОВАТЬ 1:
Чтобы добавить уничтожить:
В моделях /post.rb
class Post < ApplicationRecord
...
accepts_nested_attributes_for :post_attachments, allow_destroy: true
end
В представлениях /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
настолько потрясающий.
При использовании ассоциации @post.post_attachments
вам не нужно устанавливать post_id
.
Вот мой второй рефактор в модель:
Контроллер:
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