将正常形式与Dropzone合并到新的div中

Question

我正在与laravel合作。我想在此表单上添加Dropzone框，以便在提交按钮之前紧靠新的div标签上传图像。如何在此文件中放置“ class =“ Dropzone””？ 我的表格

<form method="post" action="{{url('form')}}" enctype="multipart/form-data" >
            {{csrf_field()}}
            <input type="hidden" id="cid" name="cid" value="{{ $catagories->id }}" />
        <div class="form-group">
        <label for="exampleFormControlSelect1">District</label>
        <select class="form-control" id="exampleFormControlSelect1" name="district">
        <option>colorado</option>
        <option>new york</option>
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Town</label>
        <select class="form-control" id="exampleFormControlSelect1" name="town">
        <option>Nugegoda</option>
        <option>Kuruwita</option>
        </select>
        </div>

        <div class="form-group">
        <label for="exampleFormControlSelect1">Brand</label>
        <select class="form-control" id="exampleFormControlSelect1" name="brand">
        <option>Toyota</option>
        <option>Nissan</option>
        </select>
        </div>

//I need add drozone box here to upload images
<button type="submit" class="btn btn-primary" style="margin-top:10px">Submit</button>
</form>

Dropzone表格

<form id="my-awesome-dropzone" class="dropzone">
  <div class="dropzone-previews"></div>