dropzone.js Is it possible to show filename in the preview?
<p>By Default, in the preview state, I have to hover on the image preview to see the filename.
but Is it possible to put filename outside the hoverzone? (see the screenshot)
<a href="https://i.stack.imgur.com/axxDY.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/axxDY.jpg" alt="enter image description here"></a></p>

<p>This is my try but not work</p>

<pre><code>&lt;form id="my-awesome-dropzone" class="dropzone" method="post" enctype="multipart/form-data" action="upload.php"&gt;
    &lt;div class="dz-filename"&gt;
        &lt;span data-dz-name&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;div class="dropzone-previews"&gt;&lt;/div&gt; 


  Manga Title:&lt;input type="text" name="title" /&gt;  &lt;br&gt;
  Chapter:&lt;input type="text" name="chapter" /&gt; &lt;br&gt;

  &lt;button type="submit"&gt;Submit data and files!&lt;/button&gt;
&lt;/form&gt;
</code></pre>