title: Dropzone is not defined
body: <p>I am quite new at JavaScript and this is driving me crazy.</p>
  
  <p>I want to use Dropzone.js so I downloaded the file dropzone.js from <a href="https://raw.githubusercontent.com/enyo/dropzone/master/dist/dropzone.js" rel="nofollow noreferrer">here</a> and included it in my view like this:</p>
  
  <pre><code>&lt;script src="&lt;?php echo JS_DIRECTORY; ?&gt;/dropzone.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Then I created the form like that:</p>
  
  <pre><code>&lt;form action="http://localhost/project/uploadTest/upload" class="dropzone"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And it works fine. It points it to php function and I handle upload on server site.</p>
  
  <p>The problem is when I want to access the dropzone object in JS to configure it.
  When I do </p>
  
  <pre><code>// "myAwesomeDropzone" is the camelized version of the HTML element's ID
  Dropzone.options.myAwesomeDropzone = {
    paramName: "file", // The name that will be used to transfer the file
    maxFilesize: 2, // MB
    accept: function(file, done) {
      if (file.name == "justinbieber.jpg") {
        done("Naha, you don't.");
      }
      else { done(); }
    }
  };
  </code></pre>
  
  <p>I get</p>
  
  <blockquote>
    <p>Uncaught ReferenceError: Dropzone is not defined</p>
  </blockquote>
  
  <p>Any help will be appreciated, thanks  </p>