Dropzone auf Rails verursacht doppelte Formularübergabe an DB

Question

Wenn die Schaltfläche "Speichern" angeklickt wird, werden zwei Einträge erstellt. Eine mit der: Karteninformationen gespeichert, und eine fehlt, beide mit dem gleichen: Name. Wie bekomme ich nur den kompletten Eintrag zum speichern?

new.html.erb

<%=form_for [@location, @floor], html: {class: "dropzone", multipart: true, id: "map-upload"} do |f|%> 
    <div> 
    <%=f.label :name%> 
    <%=f.text_field :name%> 
    </div> 

    <div class="fallback"> 
    <%=f.label :map%> 
    <%=f.file_field :map%> 
    </div> 

    <%=f.submit "Save", id: "floor-submit"%> 
<%end%> 

drag-drop.js

$(document).ready(function() { 
    // disable auto discover 
    Dropzone.autoDiscover = false; 

    var mapUpload = new Dropzone("#map-upload", { 
    paramName: "floor[map]", 
    autoProcessQueue: false, 
    maxFiles: 1, 
    addRemoveLinks: false, 
    dictDefaultMessage: 'Drag & drop a map image file here, or click here to select file to upload', 
    }); 

    $('#map-upload').submit(function(e){ 
    mapUpload.processQueue(); 
    }); 
}); 

relevanten Teils floor_controller:

def create 
    @floor = current_user.company.locations.find(params[:location_id]).floors.create(floor_params) 

    if @floor.save 
     flash[:notice] = "Floor has been created." 
     redirect_to location_floors_path 
    else 
     flash[:alert] = "There was an error saving the floor, please try again" 
     render 'new' 
    end 
    end 

Modell

class Floor < ActiveRecord::Base 
    belongs_to :location 

    has_attached_file :map 
    validates_attachment_content_type :map, :content_type => /\Aimage\/.*\Z/ 
end 

Answer 1

Ich denke, dass Ihre js es einmal einreicht und Ihr Rails-Formular das zweite Mal einreicht. Ich würde empfehlen, einen von ihnen zu deaktivieren.