Получение пустого массива при загрузке файла с vuejs и axios в laravel

Я пытаюсь загрузить изображение после этого ссылка от Юбараджа, но после отправки файл изображения является пустым объектом.

Из которых по Юбараджу собственно и следует ставить сервер.

Что он делает, так это скрывает обычный входной файл за текстовым полем и получает данные с событием.

Вот фрагмент этих двух событий:

pickFile () {
            this.$refs.image.click ()
        },

        onFilePicked (e) {
            const files = e.target.files
            if (files[0] !== undefined) {
                this.form.imageName = files[0].name
                if (this.form.imageName.lastIndexOf('.') <= 0) {
                    return
                }

                const fr = new FileReader();
                fr.readAsDataURL(files[0]);
                fr.addEventListener('load', () => {
                    this.form.imageUrl = fr.result;
                    this.form.imageFile = files[0] // this is an image file that can be sent to server...
                })
            } else {
                this.form.imageName = '';
                this.form.imageFile = '';
                this.form.imageUrl = '';
            }
        },

Когда я записываю в консоль файл form.image.file и файл, это то, что я получаю из консоли браузера:

используя сообщение vform, которое фактически использует axios за кулисами. this.form.post (маршрут ('api.settings.branch.create'), this.form)

изображение результата dd() на вкладке сети в браузере: очень много текста есть dataurl изображения