Ajax до php получение данных формы - PullRequest
Новая
       20

Ajax до php получение данных формы

1 голос
/ 26 апреля 2020

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

Vue. js: 

<b-form-file
    v-model="files"
    :state="Boolean(files)"
    placeholder="Choisissez un fichier..."
    drop-placeholder="Glisser ici..."
    multiple
    accept=".jpg, .png"
    class="textOverflow"
    name="file[]"
></b-form-file>

Ajax: 

onSubmit(){
    let formData = new FormData();
    for( var i = 0; i < this.files.length; i++ ){

        let file = this.files[i];

        formData.append("filePos: "+ i, file, this.id);
    }

    axios.post('/pictures', formData, 
    {headers: {'Content-Type': 'multipart/form-data'} })
    .then((res) => { 
        console.log(res);
    })
    .catch((err) => {
        console.log(err);
    });
}

Laravel php: 

public function store(Request $request)
{
    $images = $request->all();

    info($images);
}

Итак, это дает мне: 

[2020-04-26 15:40:48] local.INFO: array (
  'filePos:_0' => 
  Illuminate\Http\UploadedFile::__set_state(array(
     'test' => false,
     'originalName' => '25',
     'mimeType' => 'image/png',
     'error' => 0,
     'hashName' => NULL,
  )),
)  
[2020-04-26 15:40:50] local.INFO: array (
  'filePos:_0' => 
  Illuminate\Http\UploadedFile::__set_state(array(
     'test' => false,
     'originalName' => '25',
     'mimeType' => 'image/png',
     'error' => 0,
     'hashName' => NULL,
  )),
)

Это прекрасно, но я не могу получить определенные c данные, например, если я просто хочу оригинальное имя и сделать -> запрос ('имя'), я могу странную цепочку символов, как если бы я не был правильной кодировкой ,

Кто-нибудь знает, как получить указанную c информацию для разделения изображений, манипулировать ими и т. Д.

Спасибо за чтение

Редактировать:

Если я использую дд вместо информации: 

array:1 [
  "filePos:_0" => Illuminate\Http\UploadedFile {#343
    -test: false
    -originalName: "25"
    -mimeType: "image/png"
    -error: 0
    #hashName: null
    path: "C:\Users\Gian\AppData\Local\Temp"
    filename: "phpEC28.tmp"
    basename: "phpEC28.tmp"
    pathname: "C:\Users\Gian\AppData\Local\Temp\phpEC28.tmp"
    extension: "tmp"
    realPath: "C:\Users\Gian\AppData\Local\Temp\phpEC28.tmp"
    aTime: 2020-04-26 16:28:39
    mTime: 2020-04-26 16:28:39
    cTime: 2020-04-26 16:28:39
    inode: 35184372088948345
    size: 109758
    perms: 0100666
    owner: 0
    group: 0
    type: "file"
    writable: true
    readable: true
    executable: false
    file: true
    dir: false
    link: false
    linkTarget: "C:\Users\Gian\AppData\Local\Temp\phpEC28.tmp"
  }
]
...