Только получить одно изображение отображается в JQuery

Question

Я создал страницу, на которой вы можете опускать изображения, а затем показывать эти изображения внизу. Мне удалось получить имена, но я изо всех сил пытаюсь получить изображения для отображения. Я могу показать только одно изображение, а не сумму, которую я загрузил. Так что получается, что если я загружаю 3 изображения, то отображается только 1 изображение, а не все 3.

Если я пропустил любую другую информацию, пожалуйста, дайте мне знать.

Воткод, который я использую для добавления изображений и как они выглядят

dropZone.ondrop = function(e){
    e.preventDefault();

    this.className = 'upload-console-drop';
    var files = e.dataTransfer.files;

    app.uploader({
        files: files,
        progressBar: barFill,
        progressText: barFillText,
        processor: 'upload.php',

        finished: function(data){
            var x;
            var uploadedElement;
            var uploadedAnchor;
            var uploadedStatus;
            var uploadedImg;
            var currFile;

            for(x = 0; x < data.length; x = x + 1){
                currFile = data[x];

                uploadedElement = document.createElement('div');
                uploadedElement.className = 'upload-console-upload';

                uploadedAnchor = document.createElement('a');
                uploadedAnchor.textContent = currFile.name;

                if(currFile.uploaded){
                    uploadedAnchor.href = 'uploads/'+currFile.file;

                    uploadedImg = $('.upload-console-upload').append('<img src="uploads/'+currFile.file+'" width="42px">');
                }

                uploadedStatus = document.createElement('span');
                uploadedStatus.textContent = currFile.uploaded ? 'Uploaded' : 'Failed';

                uploadedElement.appendChild(uploadedAnchor);
                uploadedElement.appendChild(uploadedStatus);

                uploadsFinished.appendChild(uploadedElement);
                console.log(currFile);
            }

            uploadsFinished.className = '';
        }
    });

    for(x = 0; x < e.dataTransfer.files.length; x++)
    {
        var filename = e.dataTransfer.files[x].name

        filename_list.push(filename);



    }
    console.log('2 - filename: '+filename_list);
    $(this).trigger('got-dropped', [filename_list]);
}