DropzoneJS dataURL не определен

Question

Я делаю скрипт загрузки, но я застрял при получении dataURL из «file» события «addfile», вот мой код:

$(function() {

    var dropzone = new Dropzone('#avatar', {
        url: '/uploads/avatar',
        clickable: '.upload',
        maxFilesize: 5,
        maxFiles: 1,
        previewsContainer: false,
        headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    dropzone.on('addedfile', function(file) {
        window.test = file;
        document.getElementById('avatar').setAttribute('src', file.dataURL);
        $('#loader').show();
    });

    dropzone.on('success', function(file, result) {
        $('#avatar_url').val(result.url);
        $('#loader').hide();
    });
});

Когда следующая строка скрипта получаетвыполнено:

document.getElementById('avatar').setAttribute('src', file.dataURL);

атрибут src изображения становится неопределенным, если я консоль log file.dataURL, он также не определен, но консольное журналирование просто «file» регистрирует объект правильно;однако, когда я иду к консоли браузера и делаю это:

console.log(test.dataURL);

, он корректно выводит URL-адрес данных, и я могу успешно его использовать.

Вот снимок экрана с записанным «файлом»на консоль: