Fine Uploader：如何使用 jQuery 引用缩略图？答案

【问题标题】：Fine Uploader: how can I refer to a thumbnail with jQuery?Fine Uploader：如何使用 jQuery 引用缩略图？
【发布时间】：2016-10-28 10:30:44
【问题描述】：

我的目标是用父 div 上的背景图像替换刚刚创建的缩略图图像，让图像覆盖平方 div。我也在使用 jQuery。所以我不得不提问：

与缩略图创建相关的事件是什么？我试过onComplete，但我看到缩略图在上传完成之前就已经生成了。
我目前正在使用onComplete（见上文），如何参考刚刚创建的缩略图 img src？我试过这个脚本，但它当然会获得 DOM 上缩略图的第一个 src：（功能已缩短）

$('#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'
            });
    }
});

【问题讨论】：

您的代码缺少}
感谢@RoryMcCrossan，这实际上是我为帖子所做的编辑，原始代码包含所有'}'

标签： jquery image fine-uploader

【解决方案1】：

我自己找到了第一个解决方案，用仍然在onComplete 事件上的背景图像替换缩略图 img，但我真正需要的是应用此解决方案突然生成缩略图：

.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'
                                            });
        };
    });

【讨论】：