2016-10-28 53 views
0

我的目標是用父div上的背景圖像替換剛創建的thumbanail圖像,讓圖像覆蓋平方div。我也在使用jQuery。 所以我要提問:優秀的上傳器:我如何使用jQuery來引用縮略圖?

  1. 什麼是涉及到創建縮略圖的事件?我試過onComplete,但是我看到縮略圖在上傳完成之前已經生成。

  2. 我現在正在與onComplete(見上面)一起工作,我怎樣才能參考剛創建的縮略圖img src?我試過這個腳本,但當然它得到縮略圖的第一SRC的DOM(功能已被縮短)

$('#fineuploader').fineUploader({ 
    callbacks: { 
     onComplete: function(id) { 
      imgbase64 = $('.qq-thumbnail-selector').attr('src'); 
      $('.qq-thumbnail-wrapper').css({ 
       'background-image':'url("' + imgbase64 + '")', 
       'background-position':'center center', 
       'background-size':'cover' 
      }); 
    } 
}); 
+0

您的代碼缺少'}' –

+0

感謝@RoryMcCrossan,這個實際上是一個編輯它是我爲該帖子所做的,原始代碼包含所有'}' –

回答

0

找到了第一個解決方案自己與背景圖像取代縮略圖IMG還在onComplete事件,但我真正需要的是應用該解決方案突然的縮略圖已生成:

.on('complete', function (event, id, name, responseJSON) { 
    if (responseJSON.success) { 
      var fileid = $(this).fineUploader('getItemByFileId',id); 
       var imgbase64 = $(fileid).find('.qq-thumbnail-selector').attr('src'); 
       $(fileid).find('.qq-thumbnail-wrapper').css({ 
               'background-image' : 'url("' + imgbase64 + '")', 
               'background-position' : 'center center', 
               'background-size' : 'cover' 
              }); 
     }; 
    }); 
相關問題