Fetch image variable and display on input file

Question

I am trying to update an image and other data in a database, but when I update only text data, the image value becomes null or empty.

<form action="/admin/settings/why-us/update/{{$data->id}}" enctype="multipart/form-data" method="POST">
@csrf
<input type="text" class="form-control" name="title" value="{{$data->title}}">
<input type="file" class="form-control" value="{{$data->image}}" name="image">
<button type="submit"  class="btn btn-success py-2 px-4 text-white">Update changes</button>
</form>

This a controller

public function updateWhyusPageSetting(Request $request,$id)
    {
        $title = $request->input('title');
        $image =  $image = $request->file('image');
        dd($image);

          if($request->hasFile('image')) {
                $image = $request->file('image');
                $filename = $image->getClientOriginalName();
                $image->move(public_path('/frontend/images/'), $filename);
                $image_upload = $request->file('image')->getClientOriginalName();
            }


          DB::table('features')
            ->where('id', $id)
            ->update([
                'title'  => $title, 
                'image' => $image_upload
            ]);
   
 
        

        \Session::flash('flash_message', __('Why us data updated'));
        \Session::flash('flash_type', 'success');

        return redirect()->back();
    }

When I input only the title, left out the image, and tried to dump using dd($image);, I got a null value.

When updating the image, it's getting updated very well database.

Now, my question is, how do I make sure the value is captured in the input file <input type="file" class="form-control" value="{{$data->image}}" name="image"> so that when I update other data, it also sends the image value. NB: value="{{$data->image}}" IS NOT capturing the data from database

Well you simply cannot. Its not possible to set a value to a file input. The value only gets set by user input. You can add a hidden field with the current image, and a checkbox to remove the image. — Gert B.
– Gert B., Commented Oct 28, 2021 at 5:53
If the user does not input a file, it will be null. handle that in the controller. Add a checkbox to remove the image if it must be possible to delete the image. — Gert B.
– Gert B., Commented Oct 28, 2021 at 5:59

Mohamed Gamal Eldin · Accepted Answer · 2021-10-28 06:21:17Z

1

Try this code

public function updateWhyusPageSetting(Request $request,$id){
   $data = [];
   $data['title'] = $request->input('title');
   if($request->hasFile('image')) {
       $image = $request->file('image');
       $image->move(public_path('/frontend/images/'),$imageName = $image->hashName()); //hashName() will generate image name with extension
       $data['image'] = $imageName; // here if user uploads an image, it will add to data array then add to DB.
   }

    DB::table('features')
       ->where('id', $id)
       ->update($data); // if a user uploaded an image will add. if not, a previous image will not change
    \Session::flash('flash_message', __('Why us data updated'));
    \Session::flash('flash_type', 'success');

        return redirect()->back();
    }

Please note you should delete the old images if you don't need anymore

you can use this to delete an old image if you want

(new Filesystem())->delete("full/path/with/image/name.jpg");

edited Oct 28, 2021 at 6:21

answered Oct 28, 2021 at 5:57

Mohamed Gamal Eldin

7261 gold badge10 silver badges20 bronze badges

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

11 Comments

Gert B. Over a year ago

The question is "how can i add a value to a file input".

Mohamed Gamal Eldin Over a year ago

description "I am trying to update an image and other data in a database, but when I update only text data, the image value becomes null or empty."

Gert B. Over a year ago

Oh, I missed that you changed the $data variable to make sure it does not set it as null. Please explain what you've changed to improve your question.

Gert B. Over a year ago

@KUMAR in this code he sets a data array without image if there is no image is selected. This way the image will not be null in the database after saving.

Dominic Over a year ago

@MohamedGamalEldin this is an error Undefined variable $file , where does $file->move( comes from?

|

Collectives™ on Stack Overflow

Fetch image variable and display on input file

1 Answer 1

11 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related