Question

我的目标是用父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'
            });
    }
});

Answer 1

我自己找到了第一个解决方案来替换缩略图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'
                                            });
        };
    });

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

1 个答案: