title: Dropzone.js to get file URL
body: <p>I have this function which generates the File URL using createobjectURL and works when I use the normal input file tag.</p>
  
  <p>I am trying to implement the same using dropzone.js but when I drop the file it starts
  showing the upload progress bar although I haven't defined any action. </p>
  
  <p>How can i obtain the URL using dropzone.js?</p>
  
  <h2>Javascript</h2>
  
  <pre><code>function localFileVideoPlayerInit(win) {
      var URL = win.URL || win.webkitURL,
          displayMessage = (function displayMessageInit() {
              return function displayMessage() {
                  alert("error");
              };
          }()),
  
          playSelectedFile = function playSelectedFileInit(event) {
              var file = this.files[0];
              var type = file.type;
              var videoNode = document.querySelector('video');
              var canPlay = videoNode.canPlayType(type);
              canPlay = (canPlay === '' ? 'no' : canPlay);
              if (canPlay === 'no') {
                  displayMessage();
              }
          }
  };
  
    var fileURL = URL.createObjectURL(file);
    videoNode.src = fileURL;
  },
  
  inputNode = document.querySelector('input');
  
  if (!URL) {
      displayMessage('Your browser is not ' + '&lt;a
               href="http://caniuse.com/bloburls"&gt;supported&lt;/a&gt;!', true);
      return;
  }
  
      inputNode.addEventListener('change', playSelectedFile, false);
  }
  </code></pre>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;form action="" class="dropzone"&gt;
      &lt;div class="fallback"&gt;
          &lt;input name="file" type="file" multiple /&gt;
      &lt;/div&gt;
  &lt;/form&gt; 
  </code></pre>