Laravel 6+ Upload multiple images through a form

$request->file will be a collection;

$files = $request->file('vehimage');

foreach($files as $file){

    //process each image
}

Hi, you need a separate table to store images, One Vehicle has Many Images, then loop over them and store

$vehiclesmodel = new VehiclesModel;
// .... 
$vehiclesmodel->save();

$images = $request->vehimage; // collection

// loop over collection an store each image 
foreach($images as $image) {
    $filename = $file->getClientOriginalName();
    $destinationPath = 'storage/veh-images';

    $uploadSuccess = $file->move($destinationPath, $filename);

    $imageModel = new Image(); // this model you have to create
    $imageModel->name = $filename;
    $imageModel->vehicle_id = $vehiclesmodel->id;
    $imagemodel->save();
}

return redirect('mypage')->with('success', 'The record has been added succesfully!');

If an unknown number of images, yes a separate table. However if restricting to a known amount, they can be stored in same table: Example of 4 images max.

https://laracasts.com/discuss/channels/laravel/multiple-image-upload-5

Also a free tutorial:

https://laraveldaily.com/upload-multiple-files-laravel-5-4/

Basically I need a separate table with just one field e.g 'vehgalleryimages' and loop through it? Do I also have to make controllers and so on? I kind of got confused with this one. Can't i just loop through my "vehimage" field and have an undefined amount of images?

There are various methods to do this. I've used below one, in which all images are store in a cell with implode(|). You have to change column type to text if you want to store all images in single column of a row

public function store(request $request) {

    $destinationPath = 'storage/veh-images' ; 
    $images=array();
    if($files=$request->file('vehimage')){
        foreach($files as $file){
            $filename=$file->getClientOriginalName();
            $file->move($destinationPath, $filename);
            $images[]=$name;
        }
    }
    //implode images with pipe symbol
    $allImages = implode("|",$images);

    $vehiclesmodel = new VehiclesModel ;
    $vehiclesmodel->vehmod = $request->vehmod ;
    $vehiclesmodel->vehmark = $request->vehmark ;
    $vehiclesmodel->vehyear = $request->vehyear ;
    $vehiclesmodel->vehengine = $request->vehengine ;
    $vehiclesmodel->vehtrans = $request->vehtrans ;
    $vehiclesmodel->vehimage = $allImages;

    $vehiclesmodel->save() ;
    return redirect('mypage')->with('success', 'The record has been added succesfully!') ;
}

You can also try with json

Hey mate this is working so far, thank you. I'd just like to ask you one more thing:

How can I display all of the images together with other information in another page?

mypage.blade.php

<?php   

    foreach ($vehiclesmodel as $VehiclesModel) {
?>    
    
<tr> 

    <td> {{ $VehiclesModel->id }} </td>
    <td> {{ $VehiclesModel->vehmod }} </td>
    <td> {{ $VehiclesModel->vehmark }} </td>
    <td> {{ $VehiclesModel->vehyear }} </td>
    <td> {{ $VehiclesModel->vehengine }} </td>
    <td> {{ $VehiclesModel->vehtrans }} </td>

    <td> 
        <img src="storage/veh-images/{{ $VehiclesModel->vehimage }}" height="50px" width="30%">
    </td>
 
</tr>
 
<?php  }    ?>

Just use Spatie Media Library, it takes care of multiple images attached to a single model

And I can loop through them or? Never used it.

@seeker1337 Yeah, you can loop through the images. In that case you will have to explode it from comma like below code. -

<?php   

    foreach ($vehiclesmodel as $VehiclesModel) {
    $allImages = explode("|",$images);

?>    
    
<tr> 

    <td> {{ $VehiclesModel->id }} </td>
    <td> {{ $VehiclesModel->vehmod }} </td>
    <td> {{ $VehiclesModel->vehmark }} </td>
    <td> {{ $VehiclesModel->vehyear }} </td>
    <td> {{ $VehiclesModel->vehengine }} </td>
    <td> {{ $VehiclesModel->vehtrans }} </td>
    <td> 
    @php
        @foreach($allImages as $image)
                <img src="storage/veh-images/{{$image}}" height="50px" width="30%">
        @endforeach
    @endphp
    </td>
 
</tr>
 
<?php  }    ?>

I'm getting the error Undefined variable: vehimages in the file mypage.blade.php at this line: -- $allImages = explode("|",$vehimages); --

VehController.php -STORE- method

public function store(Request $request)
    {
        $destinationPath = 'storage/veh-images' ;
        $vehimages = array() ;
        
        if($files=$request->file('vehimages')) {
            
        foreach($files as $file) {
            
            $filename = $file->getClientOriginalName() ;
            $file->move($destinationPath, $filename) ;
            $vehimages[] = $filename;
          }
        }
        //implode images with pipe symbol
        $allImages = implode("|",$vehimages) ;
        
        $vehichlesmodel = new VehiclesModel ;
        
        $vehichlesmodel->vehmod = $request->vehmod ;
        $vehichlesmodel->vehmark = $request->vehmark ;
        $vehichlesmodel->vehyear = $request->vehyear ;
        $vehichlesmodel->vehengine = $request->vehengine ;
        $vehichlesmodel->vehtrans = $vehtrans ;
        $vehichlesmodel->vehimages = $allImages ;
        
        $vehichlesmodel->save() ;
        
         return redirect('mypage')->with('success', 'etc..') ;

        }     

mypage.blade.php

<?php   

    foreach ($vehiclesmodel as $VehiclesModel) {
    $allImages = explode("|",$vehimages);

?>    
    
<tr> 

    <td> {{ $VehiclesModel->id }} </td>
    <td> {{ $VehiclesModel->vehmod }} </td>
    <td> {{ $VehiclesModel->vehmark }} </td>
    <td> {{ $VehiclesModel->vehyear }} </td>
    <td> {{ $VehiclesModel->vehengine }} </td>
    <td> {{ $VehiclesModel->vehtrans }} </td>
    <td> 
    @php
        @foreach($allImages as $vehimages)
                <img src="storage/veh-images/{{$vehimages}}" height="50px" width="30%">
        @endforeach
    @endphp
    </td>
 
</tr>
 
<?php  }    ?>

@seeker1337 Change $allImages = explode("|",$vehimages); like below line -

$allImages = explode("|",$VehiclesModel->vehimages);

Its working now, great job mate. Thank you very much.