title: Display existing images as cropped thumbnail (and keep aspect ratio) in Dropzone.js instead of squished images?
body: <p>When I upload images to Dropzone.js they keep their aspect ratio and just get cropped.
  They look like this which is good:</p>
  <p><img src="https://i.stack.imgur.com/OCdJl.png" alt="enter image description here" /></p>
  <p>When I use this code to display previously uploaded files:</p>
  <pre><code>...
           $.getJSON('files/list-all', function(data) {
              $.each(data, function(index, val) {
                  var mockFile = { name: val.name, size: val.size };
                  thisDropZone.options.addedfile.call(thisDropZone, mockFile);
                  thisDropZone.options.thumbnail.call(thisDropZone, mockFile, &quot;uploads/&quot; + val.id + &quot;.&quot; + val.extension);
              });
          });
  ...
  </code></pre>
  <p>I get these squished versions of the images:</p>
  <p><img src="https://i.stack.imgur.com/aHXxn.png" alt="enter image description here" /></p>
  <p>So the question is how do I get the thumbnails to look good like they when you upload?</p>