上传多张图片

Question

我有问题，使用dropzone.js

我得到这个错误上传多张图片：

Paperclip::AdapterRegistry::NoHandlerError (No handler found for "0"): 

这是怎么看的时候，我在提交表格参数悬浮窗

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">}} 

而如果没有悬浮窗

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"} 

没有dropzone的一切工作正常。

这是我的形式

<%= 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.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(); 
     }); 

     } 

    } 

车载控制器

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 

图片模式

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 

我没有任何想法如何解决这个问题，我对你的帮助计数

Answer 1

看来，既然你使用悬浮窗被文件的数组改变参数到一个散列，其中的密钥是文件。一个简单的trasnformation可以解决你的问题：

params[:images].each do |_i, image| 
    @car.pictures.create(image: image) 
end 

我只是改变了each循环遍历一个哈希，而不是一个数组。这也可以工作：

params[:images].keys.each do |image| 
    @car.pictures.create(image: image) 
end