Question

我正在创建一个使用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() }}

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

将dropzone.js与我的表单合并

1 个答案: