2016-10-26 9 views
0

Я знаю, что это глупый вопрос но кто знает, как поместить Dropzone миниатюру вне Dropzone previewTemplateКак разместить Dropzone миниатюру вне 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 миниатюрное, что-то вроде этого enter image description here

ответ

1

при загрузке полной попытки

//.each because there can be multiple thumbnails in case of multiple uploads 
$('img[data-dz-thumbnail]').each(function(i, img){ 
    var imgSrc = $(this).attr('src'); 
    console.log(imgSrc); 
}); 
+0

Извините, сэр, я думаю, что ты не понимаешь, что я имею в виду –

+0

Что я сказал, что вам нужно src эскиза, чтобы опубликовать его за пределами зоны выпадения. Код, который я вам отправил, вы можете поместить его в загружаемый полный триггер, и как только Thumbnail будет доступен, он даст вам значение атрибута src в переменной 'imgSrc'. – progrAmmar

+0

Нет, я имею в виду, thumbnail предварительного просмотра dropzone, я использую dropzone с autoqueue отключен, я использую кнопку отправки, а затем перед подачей появляется миниатюра , миниатюра появляется за пределами dropzone previewtemplate, –