私のフォームにdropzone.jsをマージする

Question

私はdropzone.jsを使用するフォームを作成しています。私が持っている問題は、私が持っているフォームとdropzoneをマージするのに苦労しているということです。私がフォームにdropzoneクラスを追加すると、フォーム全体がdropzoneになりますが、セクションをdropzoneにしたいだけです。

私は正しく説明しました。

は、ここでは、1つの別個のdivにドロップゾーンを追加する必要があり、私の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

です。

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

その後、dropzoneを初期化します。