Multiple Files Upload in Laravel Framework

  1. Download and install the latest version of Composer from https://getcomposer.org/download/

  2. Open Windows Terminal in Visual Studio Code install Laravel Installer with command as below:

    composer global require laravel/installer
  3. Create new folder named LearnLaravelWithRealApps. Use Visual Studio Code open to LearnLaravelWithRealApps foler. In this folder, create new project named LearnLaravelWithRealApps with command as below:

    laravel new LearnLaravelWithRealApps

  4. Run LearnLaravelWithRealApps project with command as below:

    php artisan serve
  5. Open LearnLaravelWithRealApps project with url as below:

Create new folder named upload in public folder.

Create new PHP file named DemoController.php in app/Http/Controllers folder as below:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class DemoController extends Controller
{
	public function index()
	{
		return view('demo/index');
	}

	public function upload(Request $request)
	{
		echo 'Username: ' . $request->input('username');
		$photos = $request->file('photos');
		if (count($photos) > 0) {
			foreach ($photos as $photo) {
				echo '<br>File Name: ' . $photo->getClientOriginalName();
				echo '<br>File Size(byte): ' . $photo->getSize();
				echo '<br>File Type: ' . $photo->getClientOriginalExtension();
				echo '<br>-------------------------------';
				$photo->move(public_path('upload'), $photo->getClientOriginalName());
			}
		}
		return view('demo/index');
	}
}

Create new folder named demo in resources/views folder. In this folder, create new Blade file named index.blade.php as below:

<html>

	<head>
		<title>Laravel</title>
	</head>

	<body>

		<h3>Index</h3>
		<form method="post" action="{{url('/demo/upload')}}" enctype="multipart/form-data">
			@csrf
			Username <input type="text" name="username">
			<br><br>
			Photos <input type="file" name="photos[]" multiple="multiple">
			<br><br>
			<input type="submit" value="Upload">
		</form>

	</body>

</html>

Open web.php file in routes folder, add new routes as below:

<?php
				
use Illuminate\Support\Facades\Route;

use App\Http\Controllers\DemoController;

Route::group([], function () {
	Route::get('/', [DemoController::class, 'index']);
	Route::get('/demo', [DemoController::class, 'index']);
	Route::get('/demo/index', [DemoController::class, 'index']);
	Route::post('/demo/upload', [DemoController::class, 'upload']);
});

Access index action in Demo controller with urls as below:

  • http://localhost:8000
  • http://localhost:8000/demo
  • http://localhost:8000/demo/index

Output

Select multiple files and upload file

Output