Uploading multiple images - ruby-on-rails

Question

I have problem with uploading multiple images using dropzone.js
I'm getting this error:
Paperclip::AdapterRegistry::NoHandlerError (No handler found for "0"):
This is how look parameters when I'm submitting form with dropzone
Processing by CarsController#create as JSON
Parameters: {"utf8"=>"✓", "authenticity_token"=>"ND6DrphXI6sYZ+IGZd8HllyGR/74PbmBsyRCHqsRZO2BpgVNLCqJpkokW57pQ5lVaPm9AVzredrHNg9Lc8y1eQ==", "car"=>{„brand”=>"Audi ", "model"=>"A6"}, "null"=>"", "commit"=>"Create Car", "images"=>{"0"=>#<ActionDispatch::Http::UploadedFile:0x007fc42bcc4308 #tempfile=#<Tempfile:/var/folders/f5/x2w5mbln30q9q70f1mqxy3hc0000gn/T/RackMultipart20170926-645-1hajljx.png>, #original_filename=„car.png", #content_type="image/png", #headers="Content-Disposition: form-data; name=\"images[0]\"; filename=\”car.png\"\r\nContent-Type: image/png\r\n">}}
And without dropzone
Processing by CarsController#create as HTML
Parameters: {"utf8"=>"✓", "authenticity_token"=>"Pwp4IlmBXuaKN8GZ5TGckKpxRlpteKtsGqgVPE/rK3yKkv7B7fz063h0eAFprQJTmxe8pcm+azduullplzbz7A==", "car"=>{„brand”=>"Audi ", "model"=>"A6"}, "images"=>[#<ActionDispatch::Http::UploadedFile:0x007fc428b41b50 #tempfile=#<Tempfile:/var/folders/f5/x2w5mbln30q9q70f1mqxy3hc0000gn/T/RackMultipart20170925-645-sxrzzm.png>, #original_filename=„car.png", #content_type="image/png", #headers="Content-Disposition: form-data; name=\"images[]\"; filename=\”car.png\"\r\nContent-Type: image/png\r\n">], "commit"=>"Create Car"}
Without dropzone everything works fine.
This is my form
<%= form_with(model: car, local: true, :html => {:multipart => true, :class => "dropzone", :id => 'myAwesomeDropzone'}) do |form| %>
<%= file_field_tag "images[]", multiple: true %>
<%= form.submit :id => „submit” %>
<% end %>
Dropzone settings
Dropzone.options.myAwesomeDropzone = {
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 100,
paramName: "images",
maxFiles: 100,
init: function() {
var myDropzone = this;
this.element.querySelector(„#submit”).addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
});
}
}
Car Controller
def create
#car = Car.new(car_params)
respond_to do |format|
if #car.save
if params[:images]
params[:images].each { |image|
#car.pictures.create(image: image)
}
end
format.html { redirect_to #car, notice: 'Car was successfully created.' }
format.json { render :show, status: :created, location: #car }
else
format.html { render :new }
format.json { render json: #car.errors, status: :unprocessable_entity }
end
end
end
Picture model
class Picture < ApplicationRecord
belongs_to :car
has_attached_file :image, :processors => [:watermark],
:styles => {
:thumb => '150x150>',
:original => { :geometry => '1920x1080#', :watermark_path => "#{Rails.root}/public/images/logo.png" }
},
:url => '/assets/attachment/:id/:style/:basename.:extension',
:path => ':rails_root/public/assets/attachment/:id/:style/:basename.:extension',
:default_url => "/images/:style/mising.png"
validates_attachment :image,
content_type: { content_type: ["image/jpeg", "image/gif", "image/png"] }
end
I haven't any idea how to solve this problem, I'm counting on yours help

Answer 1

It seems that since you use dropzone the parameters changed from being an array of files to a hash, where the keys are files. A simple trasnformation may solve your problem:
params[:images].each do |_i, image|
#car.pictures.create(image: image)
end
I've just changed the each loop to iterate over a hash instead of an array. This could also work:
params[:images].keys.each do |image|
#car.pictures.create(image: image)
end