Указанный целевой элемент для предварительного просмотра в blueimp / jQuery -File-Upload

Question

Проблема в том, что я не могу найти ни одного примера или учебника, который объясняет, как определить элемент div с уникальным id для предварительного просмотра изображения после его получения url с сервера. Итак, я попробовал следующее:

let i = 1;
$("#uploadForm").fileupload({
    url: 'url',
    add: function (e, data) {
        $('.targetDiv').clone().attr('id', 'target' + i).appendTo('#Images').show().append('<img src=""/>');
        data.submit();
        i++;
    },
    progress: function (e, data) {
        var progress = parseInt((data.loaded / data.total) * 100, 10) + '%';
        $('#target' + i).find('.progress-bar').animate({
            width: progress
        }).text(progress);
    },
    done: function (e, data) {
        $('#target' + i).find('img').attr('src', data.result.url).show();
    }
});

Может быть, это странно! Да, это не работает! На самом деле, я хочу сделать предварительный просмотр первого успешно загруженного изображения в большом разрешении и других в меньшем. Итак, как я могу это сделать? благодаря любому предложению.