DropzoneJS Create Thumbnail from URL

http://stackoverflow.com/a/37200623/1461060

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.css">
<form id="sample-img" action="/upload" class="dropzone">
  <div class="dz-default dz-message"></div>
</form>

JavaScript

previewThumbailFromUrl({
  selector: 'sample-img',
  fileName: 'sample Img',
  imageURL: 'http://img.tfd.com/wn/93/17E8B3-awful.png'
});

function previewThumbailFromUrl(opts) {
  var imgDropzone = Dropzone.forElement("#" + opts.selector);
  var mockFile = {
    name: opts.fileName,
    size: 12345,
    accepted: true,
    kind: 'image'
  };
  imgDropzone.emit("addedfile", mockFile);
  imgDropzone.files.push(mockFile);
  imgDropzone.createThumbnailFromUrl(mockFile, opts.imageURL, function() {
    imgDropzone.emit("complete", mockFile);
  }, "anonymous");
}