title: Integrating Dropzone.js into a html form with other form fields
body: <p>I would like to add dropzonejs to a form with other elements. I found this sample and followed the instructions, unfortunately the whole from becomes a dropzonejs drop zone: <a href="https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone" rel="nofollow noreferrer">https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone</a></p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;form action="/Post/Edit" class="dropzone" enctype="multipart/form-data" method="post"&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="PostAddress_AddressLineOne"&gt;Address Line One&lt;/label&gt;
      &lt;input class="form-control" id="PostAddress_AddressLineOne" name="PostAddress.AddressLineOne" type="text" value="" /&gt;
    &lt;/div&gt;
    &lt;div class="dropzone-previews"&gt;&lt;/div&gt;
    &lt;div class="fallback"&gt;
      &lt;!-- this is the fallback if JS isn't working --&gt;
      &lt;input name="file" type="file" multiple /&gt;
    &lt;/div&gt;
  
    &lt;script type="text/javascript"&gt;
      Dropzone.options.dropzoneJsForm = {
  
        //prevents Dropzone from uploading dropped files immediately
        autoProcessQueue: false,
        uploadMultiple: true,
        parallelUploads: 25,
        maxFiles: 25,
        addRemoveLinks: true,
        previewsContainer: ".dropzone-previews",
  
  
        // The setting up of the dropzone
        init: function() {
          var myDropzone = this;
  
          // Here's the change from enyo's tutorial...
  
          $("#submit-all").click(function(e) {
            e.preventDefault();
            e.stopPropagation();
            myDropzone.processQueue();
          });
  
        }
  
      };
    &lt;/script&gt;
  </code></pre>
  
  <p>I have also followed the follwoing post and the whole from still remains a drop zone:
  <a href="https://stackoverflow.com/questions/17872417/integrating-dropzone-js-into-existing-html-form-with-other-fields">Integrating dropzone.js into existing html form with other fields</a></p>
  
  <p>Do i have to have a from with in a form?</p>
  
  <p>Thanks</p>