如何在dropzone预览模板外放置dropzone缩略图

Question

我知道这是一个愚蠢的问题 但是任何人都知道如何在dropzone previewTemplate

之外放置dropzone缩略图

<div class="template">
   <div class="previews">
   </div>
</div>
<!-- this is previewTemplate area -->

<div class="image-profile">
  <img data-dz-thumbnail>
</div>
<!-- this is thumbnail preview area, outside from previewTemplate -->

有可能这样做吗？ 还是有另一种可能的方式？

或者如何获得dropzone缩略图源，就像这样

Answer 1

在上传完成后尝试

<script>
jQuery(document).ready(function($){
jQuery('.custom_gallery_1.et_pb_gallery_item').each(function(img_count) {
     img_count++;
     var image_src = $(this).find('img').attr('src');

     $(this).find('img').hover(function () {
console.log(img_count);
            //change the images by the number
            if(img_count == 1) 
                $(this).attr("src","URL to image");
            }, function () {
             $(this).attr("src", image_src);
        });
    });
});
</script>