title: Dropzone.js resize image to fit the thumbnail size
body: <p>I'm trying to resize the image in the thumbnail to fix the box size. I've tried this :</p>
  
  <pre><code>Dropzone.options.myAwesomeDropzone = {
              maxFiles: 20,
              maxFilesize: 2,
              maxThumbnailFilesize: 20,
              acceptedFiles: 'image/*,.jpg,.png,.jpeg',
              thumbnailWidth:"250",
              thumbnailHeight:"250",
              init: function() {
                  var dropzone = this, xhrs = [];
                  $.each(uploadedImages, function (index, path) {
                      var xhr = new XMLHttpRequest();
                      xhr.open('GET', path);
                      xhr.responseType = 'blob';//force the HTTP response, response-type header to be blob
                      xhr.onload = function() {
                          var file = new File([xhr.response], '', {'type': xhr.response.type});
                          //dropzone.addUploadedFile(file);
                          dropzone.emit("addedfile", file);
                          dropzone.emit("thumbnail", file, path);
                          dropzone.emit("complete", file);
                      };
                      xhrs.push(xhr);
                      xhr.send();
                  });
                  this.options.maxFiles = this.options.maxFiles - uploadedImages.count;
              }
          };
  </code></pre>
  
  <p>This is the original Image how it looks : 
  <a href="http://files.parsetfss.com/12917a88-ac80-4e5e-a009-fc634161b79c/tfss-6c59b59f-8f57-4610-966e-31bbc203707b-samsung-galaxy-note-4-7290-002.jpg" rel="nofollow noreferrer">http://files.parsetfss.com/12917a88-ac80-4e5e-a009-fc634161b79c/tfss-6c59b59f-8f57-4610-966e-31bbc203707b-samsung-galaxy-note-4-7290-002.jpg</a></p>
  
  <p>And this is how it's displayed :
  <img src="https://i.stack.imgur.com/lYP4I.png" alt="enter image description here"></p>
  
  <p>Also I've tried :</p>
  
  <pre><code>thumbnailWidth:"300",
  thumbnailHeight:"300",
  ===
  thumbnailWidth:"400",
  thumbnailHeight:"400",
  </code></pre>
  
  <p>But nothing changed, <code>thumbnailWidth and thumbnailHeight</code> have no effect  </p>