Обработка 'ondrop'. Перенос файлов в FormData()

Самостоятельно решить эту задачу не получается.

Есть форма приема перетаскиваемых файлов:

<form id="upload" method="post" action="aw-upload.php" enctype="multipart/form-data">
            <div class="aw-dropzone-none" id="drag" ondragenter="dropenter(event);" ondragover="dropenter(event);" ondragleave="dropleave();" ondrop="return dodrop(event);" onClick="return browse(event);">
                <div class="aw-wrapp-content-dropzone">
                    <div class="aw-dropzone-icon-none" id="aw-dropzone-icon"></div>
                    <div class="aw-dropzone-text-none" id="aw-dropzone-text">перетащите файлы сюда<br>или нажмите на зону загрузки файлов</div>
                </div>
            </div>
            <input type="file" name="upl" id="upl" multiple />
        </form>

Есть обработчик принятых файлов:

function dodrop(e)
{
    // Подавить событие перетаскивания файла
    e.stopPropagation();
    e.preventDefault();
    var formData = new FormData();
    var dt = e.dataTransfer;
    var files = dt.files; // здесь лежат сами файлы и информация о них.
    for (var i = 0; i < files.length; i++)
    {
        formData.append('file[]', files[i]); // Прикрепляем к форме все загружаемые файлы.
        console.log(formData.file[i].name);
    }
    return false;
}

Ожидаю в результате отображение инфы по загружаемым файлам в консоли. Однако в ответ консоль выдает 'undefine'. Не пойму почему. Прошу помочь разобраться в этом вопросе.