How to make custom preview template in dropzone js
<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>