Изображение не сохраняется (Laravel & Vue Js) - PullRequest
0 голосов
/ 01 апреля 2020

Шаблон

<form @submit.prevent=" addUser()">
   <div class="form-group">
      <label for="addUser">Password</label>
      <input type="tex" class="form-control" id="name" placeholder="Name"    name="name" v-model="form.name"
         :class="{ 'is-invalid': form.errors.has('name') }">
      <has-error :form="form" field="name"></has-error>
   </div>
   <div class="form-group">
      <label for="email">Email</label>
      <input type="tex" class="form-control" id="email" placeholder="Email" name="email" v-model="form.email"
         :class="{ 'is-invalid': form.errors.has('email') }">
      <has-error :form="form" field="email"></has-error>
   </div>
   <div class="form-group">
      <label for="picture">Picture</label>
      <input type="file" class="form-control" id="image" placeholder="Picture" name="image" >                   
   </div>
   <div class="modal-footer">
      <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      <button type="submit" class="btn btn-primary">Save changes</button>
   </div>
</form>
</div>
</div>
</div>
</div>
</div>
</template>

JavaScript

import Form from 'vform'

export default {
  name: "Users",
  data() {
    return {
      form: new Form({
        name: '',
        email: '',

      })
    }
  },
  methods: {
    addUser() {
      this.form.post('/addUser').
      then((response) => {
        console.log('I clicked');
      })
    }
  }
}

Laravel

$this->validate($request,[
   'name'=> 'required',
   'email'=> 'required '
]);

$newUser = New NewUser();
$newUser->name = $request->name;
$newUser->email = $request->email;*/

if($request->hasFile('image')){
   $imageN = $request->image;
   $request->image->storeAs('public/upload',$imageN);
}
$newUser->save();

1 Ответ

0 голосов
/ 02 апреля 2020

Файл изображения не сохраняется, поскольку он никогда не отправляется с запросом на laravel. Вы можете добавить изображение в new Form() или проверить следующий пост о том, как загрузить изображение: Как загрузить изображение в vuejs?

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