Vue: загруженные файлы пусты при отправке на Laravel бэкэнд - PullRequest
0 голосов
/ 29 апреля 2020

У меня есть загрузчик изображений от Vuetify, который позволяет пользователю добавлять изображения для загрузки. Он хранит их в v-модели files. Файлы - это массив файловых объектов, имеющих следующую форму:

this.files = [
   0: {
     lastModified: 1588138776398
     lastModifiedDate: Wed Apr 29 2020 01:39:36 GMT-0400 
     (Eastern Daylight Time) {}
     name: "video-pause.png"
     size: 932
     type: "image/png"
     webkitRelativePath: ""
     }
  ]

Затем у меня есть кнопка для отправки файлов в конечную точку сервера с помощью этой функции:

uploadAssets: function() {

    axios.post('/upload-images', {
        images: this.files,
    })
    .then(response => {
        debugger
    })
}

My Laravel Бэкэнд-контроллер, который должен получать изображения, выглядит следующим образом:

public function uploadImages(Request $request)
{
    print $request->file('images');
    if ($request->hasFile("images")) {
        log_info($request->file('images'));
        $files = $request->file('images');
        $stack = [];
        foreach ($files as $file) {
            $fileName = Storage::put(shop_id().'/assets/', file_get_contents($file->getRealPath()), ['visibility' => 'public']);
            array_push($stack, $fileName);
        }
        return response()->json($stack);
    }
}

Моя проблема заключается в том, что журнал печати в методе бэкэнда показывает изображения как [{}]. Я не могу сказать, почему данные не пересылаются.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...