title: How to make custom preview template in dropzone js
body: <p>I want to know how to make custom preview template. The documentation doesn't explain everything well, And I searched for tutorial about I didn't find anything.</p>
  
  <p>Update</p>
  
  <hr>
  
  <p>My html </p>
  
  <pre><code>&lt;div id="dropzone"&gt;
    &lt;div id="template-preview"&gt;
      &lt;img src="assets/images/icons/plus-icon-white.png" alt="" /&gt;
      &lt;span&gt;Choose or drop  file from your computer&lt;/span&gt;
      &lt;div class="dz-preview dz-file-preview well" id="dz-preview-template"&gt;
        &lt;div class="dz-details"&gt;
          &lt;div class="dz-filename"&gt;&lt;span data-dz-name&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;div class="dz-size" data-dz-size&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="dz-progress"&gt;&lt;span class="dz-upload" data-dz-uploadprogress&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div class="dz-success-mark"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div class="dz-error-mark"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div class="dz-error-message"&gt;&lt;span data-dz-errormessage&gt;&lt;/span&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My js</p>
  
  <pre><code>var drop = $('#dz-preview-template').html();
  $('#dropzone').dropzone({
     url: "/upload",
     maxFilesize: 100,
     paramName: "uploadfile",
     maxThumbnailFilesize: 5,
     previewTemplate: drop,
     previewsContainer: "#template-preview"
  });
  </code></pre>