How to upload multiple images in Laravel
A detailed guide on how to upload multiple images in Laravel, including setting up the upload form, processing data on the server, and storing images.
In this article, we will explore how to create a form and handle the process of uploading multiple images in Laravel efficiently. You will be guided step-by-step from setting up the HTML form to storing the images on the server.
PHP Laravel code:
Step 1: Setting up the upload form
Create the upload.blade.php file in the resources/views directory:
<!-- resources/views/upload.blade.php -->
<!DOCTYPE html>
<html>
<head>
<title>Upload Multiple Images in Laravel</title>
</head>
<body>
<form action="{{ route('upload.images') }}" method="POST" enctype="multipart/form-data">
@csrf
<label for="images">Select multiple images:</label>
<input type="file" name="images[]" multiple>
<button type="submit">Upload</button>
</form>
</body>
</html>
Step 2: Create routes for the upload process
In the web.php file:
// routes/web.php
use App\Http\Controllers\ImageUploadController;
Route::get('/upload-images', [ImageUploadController::class, 'showUploadForm']);
Route::post('/upload-images', [ImageUploadController::class, 'uploadImages'])->name('upload.images');
Step 3: Create a controller to handle uploads
Run the command to create the controller:
php artisan make:controller ImageUploadController
Then add the code to ImageUploadController.php:
// app/Http/Controllers/ImageUploadController.php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class ImageUploadController extends Controller
{
public function showUploadForm()
{
return view('upload');
}
public function uploadImages(Request $request)
{
$request->validate([
'images' => 'required',
'images.*' => 'image|mimes:jpeg,png,jpg,gif,svg|max:2048'
]);
if ($request->hasfile('images')) {
foreach ($request->file('images') as $image) {
$name = time().'_'.$image->getClientOriginalName();
$image->move(public_path('images'), $name);
}
}
return back()->with('success', 'Images have been successfully uploaded!');
}
}
Detailed explanation:
-
name="images[]" multiple: Sets the input to allow selecting multiple images. -
route('upload.images'): Defines the URL to handle the upload process. -
$request->validate: Validates the uploaded files, ensuring each one is an image and under 2MB. -
foreach ($request->file('images') as $image): Iterates over each uploaded image file. -
$image->move(public_path('images'), $name): Stores the image in thepublic/imagesdirectory.
System Requirements:
- Laravel version 8 or higher
- PHP version 7.3 or higher
- Server with
composerinstalled
How to install Laravel:
Use the following command to install Laravel:
composer create-project --prefer-dist laravel/laravel upload-images-example
Tips:
- Ensure the storage directory (
public/images) has write permissions. - Check file size and type before uploading to avoid errors.