Jak mogę przesłać wiele obrazów z okna wyboru plików przy użyciu Rails 4 i CarrierWave? Mam model post_controller
i post_attachments
. Jak mogę to zrobić?
Czy ktoś może podać przykład? Czy jest na to proste podejście?
Jak mogę przesłać wiele obrazów z okna wyboru plików przy użyciu Rails 4 i CarrierWave? Mam model post_controller
i post_attachments
. Jak mogę to zrobić?
Czy ktoś może podać przykład? Czy jest na to proste podejście?
Jest to rozwiązanie umożliwiające przesyłanie od zera wielu obrazów za pomocą carrierwave w szynach 4
Lub możesz znaleźć działające demo: Wiele szyn mocujących 4
Aby to zrobić, wykonaj następujące kroki.
rails new multiple_image_upload_carrierwave
W pliku gem
gem 'carrierwave'
bundle install
rails generate uploader Avatar
Utwórz rusztowanie słupkowe
rails generate scaffold post title:string
Utwórz rusztowanie post_attachment
rails generate scaffold post_attachment post_id:integer avatar:string
rake db:migrate
W post.rb
class Post < ActiveRecord::Base
has_many :post_attachments
accepts_nested_attributes_for :post_attachments
end
W post_attachment.rb
class PostAttachment < ActiveRecord::Base
mount_uploader :avatar, AvatarUploader
belongs_to :post
end
W 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
W 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 %>
Aby edytować załącznik i listę załączników do dowolnego posta. W 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 %>
Zaktualizuj formularz, aby edytować widoki załączników / 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 %>
Zmodyfikuj metodę aktualizacji w 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
W rails 3 nie ma potrzeby definiowania silnych parametrów, a ponieważ można zdefiniować atrybut_accessible zarówno w modelu, jak i accept_nested_attribute do modelu post, ponieważ atrybut access jest przestarzały w rails 4.
W celu edycji załącznika nie możemy modyfikować wszystkich załączników naraz. więc wymienimy załącznik jeden po drugim lub możesz zmodyfikować zgodnie z regułą, tutaj pokażę ci tylko, jak zaktualizować dowolny załącznik.
create
akcji przeglądasz załączniki każdego posta ? Railsy i carrierwave są wystarczająco inteligentne, aby automatycznie zapisywać kolekcje.:_destroy
część dotyczącą obsługi )Jeśli spojrzymy na dokumentację CarrierWave, jest to teraz bardzo łatwe.
https://github.com/carrierwaveuploader/carrierwave/blob/master/README.md#multiple-file-uploads
Będę używał produktu jako modelu, który chcę dodać zdjęcia, jako przykład.
Pobierz główną gałąź Carrierwave i dodaj ją do swojego Gemfile:
gem 'carrierwave', github:'carrierwaveuploader/carrierwave'
Utwórz kolumnę w modelu docelowym, aby hostować tablicę obrazów:
rails generate migration AddPicturesToProducts pictures:json
Uruchom migrację
bundle exec rake db:migrate
Dodaj zdjęcia do modelu produktu
app/models/product.rb class Product < ActiveRecord::Base validates :name, presence: true mount_uploaders :pictures, PictureUploader end
Dodaj zdjęcia do silnych parametrów w ProductsController
app/controllers/products_controller.rb def product_params params.require(:product).permit(:name, pictures: []) end
Zezwól formularzowi na akceptowanie wielu zdjęć
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 %>
W swoich widokach możesz odwoływać się do obrazów analizujących tablicę pictures:
@product.pictures[1].url
Jeśli wybierzesz kilka zdjęć z folderu, kolejność będzie dokładnie taka, jak robisz je od góry do dołu.
źródło
UndefinedConversionError ("\x89" from ASCII-8BIT to UTF-8)
W przypadku rozwiązania SSR działa dobrze z Rails 4.xx, ale stoję przed wyzwaniami (z Railsami 5.xx), tj. PrzechowywanieActionDispatch::Http::UploadedFile
w bazie danych zamiast nazwy pliku. Nie przechowuje również plików w folderach publicznych dla podanej ścieżki w programie do przesyłania.Kilka drobnych dodatków do odpowiedzi SSR :
accepts_nested_attributes_for nie wymaga zmiany kontrolera obiektu nadrzędnego. Więc jeśli poprawiać
name: "post_attachments[avatar][]"
do
name: "post[post_attachments_attributes][][avatar]"
wtedy wszystkie te zmiany kontrolera, takie jak te, stają się zbędne:
params[:post_attachments]['avatar'].each do |a| @post_attachment = @post.post_attachments.create!(:avatar => a) end
Należy również dodać
PostAttachment.new
do formularza obiektu nadrzędnego:W 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 %>
Spowodowałoby to zbędną zmianę w kontrolerze rodzica:
Aby uzyskać więcej informacji, zobacz Rails fields_for formularz, który się nie wyświetla, zagnieżdżony formularz
Jeśli używasz Rails 5, zmień
Rails.application.config.active_record.belongs_to_required_by_default
wartość ztrue
nafalse
(w config / initializers / new_framework_defaults.rb) z powodu błędu wewnątrz accepts_nested_attributes_for (w przeciwnym razie accepts_nested_attributes_for nie będzie działać w Rails 5).EDYCJA 1:
Aby dodać o zniszczeniu :
W modelach / post.rb
class Post < ApplicationRecord ... accepts_nested_attributes_for :post_attachments, allow_destroy: true end
W 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 %>
W ten sposób w ogóle nie musisz mieć kontrolera obiektu podrzędnego! To znaczy, nic
PostAttachmentsController
już nie jest potrzebne. Jeśli chodzi o kontroler obiektu nadrzędnego (PostController
), prawie go nie zmieniasz - jedyną rzeczą, którą tam zmieniasz, jest lista parametrów na białej liście (w celu uwzględnienia parametrów związanych z obiektem potomnym) w następujący sposób:def post_params params.require(:post).permit(:title, :text, post_attachments_attributes: ["avatar", "@original_filename", "@content_type", "@headers", "_destroy", "id"]) end
Dlatego
accepts_nested_attributes_for
jest tak niesamowity.źródło
<%= d.text_field :copyright, name: "album[diapos_attributes][][copyright]", class: 'form-field' %>
zapisuje prawa autorskie tylko do ostatniej płyty, a nie do wszystkich.Dowiedziałem się również, jak zaktualizować przesyłanie wielu plików, a także trochę go zreformowałem. Ten kod jest mój, ale rozumiesz.
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
źródło
Oto mój drugi refaktor do modelu:
Kontroler:
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
W modelu z płytą główną:
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
źródło
Podczas korzystania z asocjacji
@post.post_attachments
nie musisz ustawiać plikupost_id
.źródło