将 dropzone.js 与我的表单合并答案

【问题标题】：Merging dropzone.js with my form将 dropzone.js 与我的表单合并
【发布时间】：2017-08-13 03:54:28
【问题描述】：

我正在创建一个使用 dropzone.js 的表单，我通过自己的拖放图像设法做到了。我遇到的问题是我正在努力将 dropzone 与我拥有的表单合并。如果我将 dropzone 类添加到我的表单中，那么我的整个表单就是 dropzone，但我只想要一个部分作为 dropzone。

希望我解释得当。

这是我的 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() }}

【问题讨论】：

标签： laravel laravel-5 dropzone.js

【解决方案1】：

你必须在一个单独的 div 中添加 dropzone。

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

【讨论】：