Laravel 7/6 - Multiple File Upload With Validation

Laravel 6 , Laravel , Laravel 7

Nicesnippets

4675

21-12-2019


Hi Guys,

In this tutorial,i will explain multiple file upload with validation in laravel 7/6. how you can easily upload multiple files into MySQL database and folder with laravel validation rules with example.

The basic requirement of any laravel project is uploading files or images in the database and folder. This tutorial shows you step by step how you can upload multiple files and server-side validation with your laravel application.

Before uploading multiple files, we will validate files or file types in the laravel application. validate the file with laravel validator and then store the file to the database and folder.

you can following example step to multiple file upload with validation.

Step-1:Download Laravel Fresh New Setup

First, we need to download the laravel fresh setup. Use the below command and download fresh new laravel setup :

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

Step-2:Setup Database Credentials

After successfully installed laravel Application, Go to your project root directory and open .env file and set up database credential and move next step :

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:Generate Migration & Model

Now we will create a table named documents and it’s migration file. use the below command :

php artisan make:model Document -m

Its command will create one model name file and also create one migration file for the file table. After successfully run the command go to database/migrations file and put the below here :

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreatedocumentsTable extends Migration

{

/**

* Run the migrations.

*

* @return void

*/

public function up()

{

Schema::create('files', function (Blueprint $table) {

$table->increments('id');

$table->string('name');

$table->timestamps();

});

}

/**

* Reverse the migrations.

*

* @return void

*/

public function down()

{

Schema::dropIfExists('documents');

}

}

Next, migrate the table using the below command :

php artisan migrate

Step-4:Make Route

We will create two routes in the web.php file. Go to app/routes/web.php file and create two below routes here :

Route::get('file', 'FileController@index');

Route::post('save', 'FileController@save')->name('file.save');

Step-5:Create Controller

We need to create a controller name FileController. Use the below command and create Controller :

php artisan make:controller FileController

After successfully create controller go to app/controllers/FileController.php and put the below code :

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response,File;

Use App\Document;

class FileController extends Controller

{

public function index()

{

return view('file');

}

public function save(Request $request)

{

request()->validate([

'file' => 'required',

]);

if($request->hasfile('file'))

{

foreach($request->file('file') as $file)

{

$filename=$file->getClientOriginalName();

$file->move(public_path().'/files/', $filename);

$insert['name'] = "$filename";

}

}

$check = Document::create($insert);

return Redirect::to("file")

->withSuccess('Great! files has been successfully uploaded.');

}

}

Next Create one folder in public folder follwing path "YourProject/public/fille"

Step-5:Create Blade view

In this step, we need to create a blade view file. Go to app/resources/views and create one file name file.blade.php:

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Laravel Multiple File Upload Tutorial Example From Scrltch - nicesnippets.com</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script></head>

<body>

<div class="container">

<div class="row">

<div class="col-md-6 mt-3 offset-md-3">

<div class="card">

<div class="card-header bg-dark text-white">

<h6>Laravel Upload File Example - nicesnippets.com</h6>

</div>

<div class="card-body">

@if ($message = Session::get('success'))

<div class="alert alert-success alert-block alert-dismissible">

<button type="button" class="close" dlta-dismiss="alert">×</button>

<strong>{{ $message }}</strong>

</div>

@endif

@if (count($errors) > 0)

<div class="alert alert-danger alert-dismissible">

<button type="button" class="close" dlta-dismiss="alert">×</button>

@foreach ($errors->all() as $error)

{{ $error }}<br>

@endforeach

</div>

@endif

<form action="{{ route('file.save')}}" method="post" enctype="multipart/form-dlta">

@csrf

<div class="form-group">

<input type="file" class="form-control" name="file[]" id="file" multiple='multiple' aria-describedby="fileHelp">

</div>

<button type="submit" class="btn btn-success btn-sm">Submit</button>

</form>

</div>

</div>

</div>

</div>

</div>

</html>

step-7:Run Server

We need to start the development server. Use the PHP artisan serve command and start your server :

php artisan serve

Now we are ready to run our example so run bellow command to quick run.

http://localhost:8000/file

It will help you....


Recommended Posts