ruby-on-rails-4 - multiple - mount_uploader

Rails 4 imágenes múltiples o carga de archivos con carrierwave

Question

¿Cómo puedo cargar varias imágenes desde una ventana de selección de archivos usando Rails 4 y CarrierWave? Tengo un modelo post_controller y post_attachments . ¿Cómo puedo hacer esto?

¿Alguien puede dar un ejemplo? ¿Hay un enfoque simple para esto?

Answer 1

Esta es la solución para cargar múltiples imágenes usando carrierwave en rieles 4 desde cero

O puede encontrar una demostración funcional: Multiple Attachment Rails 4

Para hacer solo siga estos pasos.

rails new multiple_image_upload_carrierwave

En el archivo gema

gem ''carrierwave''
bundle install
rails generate uploader Avatar

Crear andamio de correos

rails generate scaffold post title:string

Crear andamio post_attachment

rails generate scaffold post_attachment post_id:integer avatar:string
rake db:migrate

En post.rb

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

En post_attachment.rb

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

En 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

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

Para editar un archivo adjunto y una lista de archivos adjuntos para cualquier publicación. En 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 %>

Actualizar formulario para editar una vista de archivo adjunto / 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 %>

Modificar el método de actualización en 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

En Rails 3 no es necesario definir parámetros potentes y se puede definir attribute_accessible tanto en el modelo como en accept_nested_attribute para publicar el modelo porque el atributo accesible está obsoleto en los rieles 4.

Para editar un archivo adjunto no podemos modificar todos los archivos adjuntos a la vez. así que reemplazaremos el archivo adjunto uno por uno, o puede modificarlo según su regla. Aquí le muestro cómo actualizar cualquier archivo adjunto.

Answer 2

Al usar la asociación @post.post_attachments , no necesita establecer el post_id .

Answer 3

Algunas adiciones menores a la respuesta SSR :

accepts_nested_attributes_for no requiere que cambie el controlador del objeto principal. Entonces si corregir

name: "post_attachments[avatar][]"

a

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

entonces todos estos cambios de controlador como estos se vuelven redundantes:

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

También debe agregar PostAttachment.new al formulario de objetos padre:

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

Esto haría redundante este cambio en el controlador de los padres:

@post_attachment = @post.post_attachments.build

Para obtener más información, vea Rails fields_for form not showing up, anidados

Si usa Rails 5, cambie Rails.application.config.active_record.belongs_to_required_by_default value de true a false (en config / initializers / new_framework_defaults.rb) debido a un error dentro de accept_nested_attributes_for (de lo contrario, accept_nested_attributes_for generalmente no funcionará en Rails 5) .

EDIT 1:

Para agregar sobre destroy :

En modelos / post.rb

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

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

¡De esta forma, simplemente no necesita tener un controlador de objeto hijo en absoluto! Quiero decir que ya no se necesita ningún PostAttachmentsController . En cuanto al controlador de objetos padre ( PostController ), casi no lo cambia: lo único que cambia allí es la lista de los parámetros de la lista blanca (para incluir los parámetros secundarios relacionados con objetos) de esta manera:

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

Es por eso que accepts_nested_attributes_for es tan sorprendente.

Answer 4

Aquí está mi segundo refactor en el modelo:

1. Mueva los métodos privados para modelar.
2. Reemplace @motherboard con uno mismo.

Controlador:

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

En el modelo de placa base:

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

Answer 5

Si echamos un vistazo a la documentación de CarrierWave, esto es realmente muy fácil ahora.

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

Usaré el Producto como modelo, quiero agregar las imágenes, por ejemplo.

1. Obtén la rama principal Carrierwave y agrégala a tu Gemfile:

   gem ''carrierwave'', github:''carrierwaveuploader/carrierwave''

2. Cree una columna en el modelo deseado para alojar una matriz de imágenes:

   rails generate migration AddPicturesToProducts pictures:json

3. Ejecute la migración

   bundle exec rake db:migrate

4. Agregar imágenes al modelo Producto

   app/models/product.rb
   class Product < ActiveRecord::Base
   validates :name, presence: true
   mount_uploaders :pictures, PictureUploader
   end

5. Agregue imágenes a params fuertes en ProductsController

   app/controllers/products_controller.rb
   def product_params
   params.require(:product).permit(:name, pictures: [])
   end

6. Permita que su formulario acepte varias imágenes

   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. En sus vistas, puede hacer referencia a las imágenes que analizan la matriz de imágenes:

   @product.pictures[1].url

Si elige varias imágenes de una carpeta, el orden será el orden exacto en que las está llevando de arriba a abajo.

Answer 6

También descubrí cómo actualizar la carga de varios archivos y también lo refactore un poco. Este código es mío pero entiendes.

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