2016-10-26 58 views
0

我知道这是一个愚蠢的问题 但任何人都知道如何把外缩略图悬浮窗悬浮窗previewTemplate如何放置悬浮窗外面缩略图预览悬浮窗模板

<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 --> 

是否有可能做到这一点? 或有另一种可能的方式?

也许如何让悬浮窗缩略图源,像这样 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可用,它会给你'imgSrc'变量的src属性值。 – progrAmmar

+0

不,我的意思是,悬浮窗预览缩略图,我使用的悬浮窗与autoqueue被禁用,我使用的提交按钮,然后提交之前, 缩略图显示,缩略图是出现外悬浮窗previewtemplate, –