Получение изображения null vuejs symfony

Question

Я пытаюсь загрузить изображение на сервер с vuejs, но на сервере я не могу получить изображение. Я получаю null каждый раз. Это vuejs код:

    submitFile() {
        let formData = new FormData();
        formData.append('file', this.file);
        fetch('/upload-image', {
            method: 'post',
            headers: {
                'Content-Type': 'multipart/form-data'
            },
            body: formData
        }).then(response => {
            return response.json()
        }).then(data => {
            console.log(data)
        })
    }

И это symfony:

/**
 * @Route("/upload-image", methods={"POST"})
 * @param Request $request
 * @return Response
 */
public function uploadImage(Request $request) {
    $data = $request->files->get('file');
    return new JsonResponse(['data' => $data]);
}

Возвращенные данные null

Answer 1

Немного неясно, откуда берется this.file. Вы можете легко ввести данные в файл.

const selectedFile = document.querySelector('input').files[0];
formData.append(selectedFile);

Для получения дополнительной информации, пожалуйста, посмотрите MDN .