title: How to get image dimension in Dropzone JS with setting createImageThumbnails to false?
body: <p>With Dropzone.js, I am trying to get image height and width with createImageThumbnails = false. To be more precise, I do not need thumbnails to be created while dropping images because the process becomes slow specially when I drop many images at once. I just need to scan height and width of all images that are dropped and save them into a database. But the problem is, when I turn off thumbnail creation, dropzone does not provide image height and width. As per documentation, image height and width are provided after the thumbnail event is triggered. So, quite the opposite to what I need. So as a solution, I would like to be able to get image height and width info as soon as images are dropped into dropzone and there should be no delay for creating thumbnail. Please advise if there is a way out of it.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="dropzone"&gt;
      &lt;form class="dropzone" id = "upload-widget" action = "/demo"&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>jQuery(document).ready(function($)
  {
    var images = Array();
  
    var item = [];
  
    Dropzone.options.uploadWidget = {
      autoProcessQueue: false,
      acceptedFiles: 'image/*',
      previewTemplate: '&lt;div class="dz-filename"&gt;&lt;span data-dz-name&gt;&lt;/span&gt;&lt;/div&gt;',
      createImageThumbnails: false,
      init: function() {
        this.on("addedfile", function(file)
        {
          height = file.height;
          width = file.width;
          item = {Name : file.name, Size:file.size, Height:file.height, Width:file.width};
          images.push(item);
        });
    }
    };
  
  });
  </code></pre>