Verschmelzen von dropzone.js mit meinem Formular

Question

Ich erstelle ein Formular, das dropzone.js verwendet, ich habe es geschafft, indem ich das Bild per Drag & Drop selbst erstellt habe. Das Problem, das ich habe, ist, dass ich kämpfe, Dropzone mit der Form zu verschmelzen, die ich habe. Wenn ich die Dropzone-Klasse zu meinem Formular hinzufüge, dann ist meine gesamte Form die Dropzone, aber ich möchte nur, dass eine Sektion die Dropzone ist.

Ich hoffe, ich habe es richtig erklärt.

Hier ist meine create.blade.php

{{ Form::open(array('route' => 'menus.store', 'class' => 'add-form')) }} 
    <div class="form"> 
     <div class="parents_input"> 
       <div> 
        {{ Form::label('menu_id', 'Parent Menu')}} 
       </div> 

       <div> 
        {!! Form::select('menu_id', $menu_id->prepend('Please Select', '0'), null, array("class" => "form-control")) !!} 
       </div> 
      </div> 

     <div class="title_input"> 
      <div> 
       {{ Form::label('title', 'Title') }} 
      </div> 
      <div> 
       {{ Form::text('title','', array('id' => 'title', "class" => "form-control")) }} 
      </div> 
     </div> 

     <input type="file" name="file" class="dropzone" id="my-awesome-dropzone" /> 

     <div class="layout_type"> 
       <input id="home" type="radio" value="home" name="type"> 
       <label for="home">Home</label> 

       <input id="stories" type="radio" value="stories" name="type"> 
       <label for="stories">Stories</label> 
      </div> 

     <div class="submit_button"> 
      <div> 
       {{ Form::submit('Submit', array("class" => "btn btn-info submit", "role" => "button")) }} 
      </div> 
     </div> 
    </div> 
{{ Form::close() }} 

Answer 1

Sie Sprungplatz in einem separaten div hinzuzufügen haben.

<script src="../../assets/dropzone/js/dropzone.js"></script> 
    <link type="text/css" rel="stylesheet" 
    href="../../assets/dropzone/css/dropzone.css"> 

<div class=""> 

    <div action="" id="dZUpload" class="dropzone" method="post" 
    enctype="multipart/form-data"> 

</div> 
</div> 

danach Dropzone initialisieren.