Laravel multiple file upload with progress bar. In this tutorial, we will show you how to upload multiple file with progress bar in laravel using ajax.

Sometime, you need to display progress bar while uploading multiple image file in laravel. So this tutorial will guide you step by step on how to upload multiple file with progress bar using ajax in laravel.

Laravel Multiple File Upload with Progress Bar

Now follow the below given simple and easy step to upload multiple file with progress bar in laravel using jQuery ajax:

• Step 1: Download Laravel App
• Step 2: Add Database Details
• Step 3: Create Migration & Model
• Step 4: Add Routes For Multiple File Upload
• Step 5: Create Controller by Artisan
• Step 6: Create Blade View
• Step 7: Run Development Server

Step 1: Download Laravel App

First of all, open your terminal and run the following command to install or download laravel app for laravel multiple file upload with progress bar app:

cd xampp\htdocs

Then

composer create-project --prefer-dist laravel/laravel Blog

Step 2: Add Database Details

In this step, Navigate to your downloaded **laravel multiple file upload progress bar using ajax **root directory and open .env file. Then add your database details in .env file, as follow:

DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=here your database name here DB_USERNAME=here database username here DB_PASSWORD=here database password here

Step 3: Create Migration & Model

In this step, open a command prompt and run the following command:

php artisan make:model Gallery -m

This command will create one model name Gallery.php and as well as one migration file for the Gallery table.

Then Navigate to database/migrations folder and open create_galleries_table.php. Then update the following code into create_galleries_table.php:

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateGalleriesTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('galleries', function (Blueprint $table) {
            $table->increments('id');
            $table->string('title');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('galleries');
    }
}

After that, run the following command to migrate the table into your select database:

php artisan migrate

#laravel