title: How to call the .removeAllFiles() function in Dropzone.js after a click on a button
body: <p>I am using the <a href="http://www.dropzonejs.com/" rel="noreferrer">http://www.dropzonejs.com/</a> (dropzone.js) library. I have initialized one of my form element as,</p>
  
  <pre><code>   var drop = $("#upload").dropzone({
                  uploadMultiple: "true",
                  addRemoveLinks: "true",
                  thumbnailWidth: "250",
                  thumbnailHeight: "250",
                  maxFilesize: "10",
                  headers: {
                      "title": titles,
                      "location": locations,
                      "tag": tags
                      }                   
              });
  </code></pre>
  
  <p>Now when user clicks on a <code>&lt;button id="close"&gt;&lt;/button&gt;</code> button, I want to empty the whole list using the <code>drop.removeAllFiles(true)</code> function, as suggested on Dropzone.js official website.</p>
  
  <p>So, I tried using</p>
  
  <pre><code> $("#close").click(function(){
        drop.removeAllFiles(true);
     });
  </code></pre>
  
  <p>But it's not working, In <code>console.log</code> I am getting the error <code>removeAllFiles() is not declared for drop</code>.</p>
  
  <p>Where am I wrong?</p>