2016-10-26 100 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, –