title: How do I programmatically add a thumbnail to Dropzone?
body: <p>I am using Dropzone to allow users to upload files, to allow users to associate an image with one of several headings on the page. I programmatically generate the Dropzones, one for every heading, and when the file is uploaded I save in a database which heading is associated with which uploaded file. </p>
  
  <p>I very much like the Dropzone thumbnail that it generates when a file is uploaded. On pageload, I would like to query the server for existing images and put those images in the thumbnails for the correct dropzone. </p>
  
  <p>How do I programmatically associate a thumbnail from a URL to a specific Dropzone? </p>
  
  <p>The code for my dropzones is :</p>
  
  <pre><code> $(function () {
  
  $('.newdrop').each(function (index) {
  
      var id = parseInt($(this).closest("a").attr("id"));
      var dropzoneID = "#drop" + id;
  
      var newDropzone = new Dropzone(dropzoneID, {
              url: "/VoltLink/SaveUploadedFiles/" + id,
              clickable: false,
              maxFiles: 1, 
  
          init : function() {
          this.on("addedfile", function() {
              if (this.files[1]!=null){
                  this.removeFile(this.files[0]);
              }
          });
      }
  
          }
      );       
  
   });
   });
  </code></pre>
  
  <p>I have a server-side function that queries and finds headings with images, which calls a method via SignalR</p>
  
  <pre><code>lnk.client.updateImage = function(image) {
  
      var headingID = image.ID;
  
      $('#' + headingID + ' .existingImage').html(image.imageURL);
  
  }
  </code></pre>
  
  <p>How do I use 'image.imageURL' to activate the dropzone thumbnail? </p>