Problem uploading images. I am using Laravel + Vue + vuetify

Question

I have a code where I want to save images using Vue and Laravel saves the route in the database

The Controller:

public function update(Request $request, $id){
      $home = Home::findOrFail($id);
      $home->background = $request->background;
      $home->title = $request->title;
      $home->subtitle = $request->subtitle;
      $home->icon_go = $request->icon_go;

      $fileName = $request->image;

      $path = $_SERVER['DOCUMENT_ROOT'].'assets/images/'.$fileName;
      $home->image =  $path;

      $home->update();
      file_put_contents($path, $fileName);

      return response()->json([
           'status'=> 200,
            'title' => 'Home Update',
           'data'  => $home,
      ]);
}

The input:

<v-col cols="12" sm="12" md="12">
    <input type="file"
        @change="getImage"
        label="Imagen" 
        required
        :class="{ 'is-invalid' : form.errors.has('image') }">

        <has-error :form="form" field="image"></has-error>
 </v-col>

Only I just put the input, the form is working fine

The function update:

update(){
//Update a resource
this.$Progress.start()
this.form.busy = true;
this.form.image = this.form.image.name
this.form.put('/api/v1/home/' + this.form.id)
        .then(response => {
            this.getHome()
            if (this.form.successful) {
                this.$Progress.finish()
                this.updateNotify()
            }else{
                this.$Progress.fail() 
                this.$snotify.error('¡Ha ocurrido un error!', 'Error')
            }
        })
        .catch(e => {
            this.$Progress.fail() 
            console.log(e)
        })
  },

The problem may be in the controller but I cannot detect it. I'd appreciate your help.

The only thing that does not work is that the image is not showing the content

The photo is saved in the folder public / assets / images This is how the image is saved in the folder

You are not getting image using $fileName = $request->image; You can get image using $fileName = $request->file('image'); — Nirav Bhoi
– Nirav Bhoi, Commented May 25, 2020 at 4:59

Sakthivel A R · Accepted Answer · 2020-05-25 08:02:34Z

1

Try using the below code. Since $request->image won't give file object. Instead, we need to use file() helpr.

public function update(Request $request, $id){
      $home = Home::findOrFail($id);
      $home->background = $request->background;
      $home->title = $request->title;
      $home->subtitle = $request->subtitle;
      $home->icon_go = $request->icon_go;

      $file = $request->file('image'); //gets the image file

      $path = $_SERVER['DOCUMENT_ROOT'].'assets/images/';
      $home->image =  $path.$file->getClientOriginalName();

      $home->update();

      $file->move($path, $file->getClientOriginalName()); //stores in location

      return response()->json([
           'status'=> 200,
            'title' => 'Home Update',
           'data'  => $home,
      ]);
}

answered May 25, 2020 at 8:02

Sakthivel A R

5858 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Problem uploading images. I am using Laravel + Vue + vuetify

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related