Laravel не может прочитать данные форм

Question

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

Я использую в Angular форму данных, потому что она мне нужна для загрузки файлов. Но когда я отправляю данные в Laravel, они не проходят проверку, потому что Laravel получает пустые данные.

Эта функция вызывается при отправке.

  onUpload() {
    const fd = new FormData;
    fd.append('video', this.video);
    fd.append('image', this.image);
    fd.append('title', 'Hello world');
    fd.append('description', 'Hello world');
    fd.append('userId', '1');
    fd.append('categoryId', '1');

    const headers = new HttpHeaders({
      'Content-Type': 'application/json'
    });

    this.http.post('here goes the real url', fd, {
      headers: headers
    }).subscribe(event => {
        console.log(event);
    });
  }

А это мой валидатор на Laravel.

    public function rules(){
        $datos = $this->validationData();
        return [
            "description" => ["max:2000"],
            "video" => ["required", "mimes:mp4,mov,ogg"],
            "image" => ["required", "image", "mimes:jpg,jpeg,png,gif,webp"],
            "title" => ["required","min:4", "max:100"],
            "userId" => ["required", "numeric"],
            "categoryId" =>["numeric"]
        ];
    }

А также, это сообщение об ошибке:

errors:
image: ["The image field is required."]
title: ["The title field is required."]
video: ["The video field is required."]
userId: ["The user id field is required."]
__proto__: Object
message: "The given data was invalid."

Мне нужно что-то еще на Laravel, чтобы прочитать данные? Или я загружаю неправильно? Большое спасибо за ваше время.

Answer 1

попробуйте изменить Content-type на multipart/form-data

const headers = new HttpHeaders({
      'Content-Type': 'multipart/form-data'
});