Upload multiple files in Laravel

Question

I want to upload multiple images at a time, but it doesn't work.

Blade/View

<form action="{{ url('admin/image/upload') }}" method="POST"enctype="multipart/form-data">
@csrf
    <td><input type="text" name="Fields[0][title]" placeholder="Enter title" class="form-control" /></td>  
    <td><input type="file" name="Fields[0][image]" class="form-control" /></td>
</form>

Controller

$request->validate([
            'Fields.*.title' => 'required|max:25|min:5',
            'Fields.*.image' => 'required',
        ]);
           if($request->hasFile('image'))
            {
            $file=$request->file('image');
            $file_name=hexdec(uniqid());
            $ext=strtolower($file->getClientOriginalExtension());
            $file_full_name=$file_name.'.'.$ext;
            $upload_path='image/';
            $file_url=$upload_path.$file_full_name;
            $success=$file->move($upload_path,$file_full_name);
        $Fields['image']=$file_url;
       foreach ($request->Fields as $key => $value) {
            images::create($value);
        }
     
         return back()->with('success', 'Image Has Been Saved Successfully.');
}

check this line if($request->hasFile('image')), you don't have any filed called image — STA
– STA, Commented Feb 10, 2021 at 5:48
I think you dont need dynamic field here, change name="Fields[0][image]" to name="image" — STA
– STA, Commented Feb 10, 2021 at 5:52
If you take my answer, you will get array of image and Fields input and you should access throgh "foreach ($request->file('image') as $img) { echo $img }" — Haron
– Haron, Commented Feb 10, 2021 at 6:08

Haron · Accepted Answer · 2021-02-10 06:51:37Z

1

Please follow below answer:

blade file

<form action="{{ url('admin/image/upload') }}" method="POST"enctype="multipart/form-data">
@csrf
    <td><input type="text" name="Fields[]" placeholder="Enter title" class="form-control" multiple /></td>  
    <td><input type="file" name="image[]" class="form-control" multiple /></td>
</form>

comtroller

$request->validate([
    'Fields.*' => 'required|max:25|min:5',
    'image.*' => 'required',
]);
   if($request->hasFile('image'))
    {
        // dd($request->image) 
foreach ($request->image as $file) {

    dd($file)   
    //get filename with extension
    $filenamewithextension = $file->getClientOriginalName();
    //get filename without extension
    $filename = pathinfo($filenamewithextension, PATHINFO_FILENAME);
    //get file extension
    $extension = $file->getClientOriginalExtension();
    //filename to store
    $filenametostore = $filename . '_' . time() . '.' . $extension;
}

 return back()->with('success', 'Image Has Been Saved Successfully.');
}

edited Feb 10, 2021 at 6:51

answered Feb 10, 2021 at 5:55

Haron

2,6391 gold badge24 silver badges29 bronze badges

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

8 Comments

bdahsgdby Over a year ago

I get an error " Call to a member function getClientOriginalExtension() on array "

Haron Over a year ago

Test by dd() then go ahead step by step

bdahsgdby Over a year ago

I was copy and paste this.

Haron Over a year ago

copy, past now and test by dd()

Haron Over a year ago

do not you get any data in dd() function?

|

Rudi Ullon · Accepted Answer · 2023-05-05 12:46:47Z

I hope this solution helps.(This is for image upload, but you can just delete the image validations)

The first thing is in the form, the field should be like this.

<input type="file" name="image_files[]" id="image_files" multiple accept="image/*" />

then on your Controller

public function uploadFiles(Request $request){
       
        $validatedData = $request->validate([
            'image_files' => 'required',
            'image_files.*' => 'mimes:gif,png,jpg,jpeg,svg'
        ]);
        
        if($request->hasfile('image_files'))
        {
            foreach($request->file('image_files') as $key => $file)
            {
                $file->move(storage_path('/products/images'),$file->getClientOriginalName());
            }
        }
        
        return "Files uploaded";

    }

Collectives™ on Stack Overflow

Upload multiple files in Laravel

2 Answers 2

8 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related