Multiple File Upload In Laravel 5.7 With Validation

Rate this post

Today, We want to share with you Multiple file Upload in Laravel 5.7 with validation.In this post we will show you laravel 5.7 multiple image upload, hear for multiple file upload validation in laravel 5.7 we will give you demo and example for implement.In this post, we will learn about multiple image upload in laravel 5.7, multiple file upload laravel 5.7 with an example.

Free Live Chat for Any Issue

Multiple file Upload in Laravel 5.7 with validation

There are the Following The simple About Multiple file Upload in Laravel 5.7 with validation Full Information With Example and source code.

As I will cover this Post with live Working example to develop Laravel 5.7 multiple file upload with validation example, so the some major Laravel 5.7 Multiple File Upload Input Example for this example is following below.

Step 1: Install Laravel 5.7
Step 2: Build Laravel Migration
Step 3: Add Laravel Route
Step 4: Add Laravel Controller and model
Step 5: make laravel 5.7 view files

Step 1: Setup Laravel 5.7 Application

Run Commands Into Install Laravel 5.7 App project

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

Step 2: Make Laravel 5.7 Migration and Model

And then make a Laravel database migration

php artisan make:migration create_files_table

Laravel 5.7 Migration:

<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateFormsTable extends Migration
{
    public function up()
    {
        Schema::create('files', function (Blueprint $table) {
            $table->increments('id');
            $table->string('liveimgname');
            $table->timestamps();
        });
    }
    public function down()
    {
        Schema::dropIfExists('files');
    }
}

Laravel Migration run

php artisan migrate

create File model using Laravel 5.7

php artisan make:model File

Step 3: Make Laravel Define Routes

routes/web.php

Route::get('file','[email protected]');

Route::post('file','[email protected]');

Step 4: Include LiveImgController File on Laravel 5.7

app/Http/Controllers/LiveImgController.php

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class LiveImgController extends Controller
{
	//Laravel 5.7 multiple file upload with validation example
    public function create()
    {
        return view('create');
    }
    public function store(Request $request)
    {
        $this->validate($request, [
                'liveimgname' => 'required',
                'liveimgname.*' => 'mimes:doc,pdf,docx,zip'
        ]);
        if($request->hasfile('liveimgname'))
         {
            foreach($request->file('liveimgname') as $livefile)
            {
                $name=$livefile->getClientOriginalName();
                $livefile->move(public_path().'/files/', $name);  
                $data[] = $name;  
            }
         }
         $livefile= new File();
         $livefile->liveimgname=json_encode($data);
         $livefile->save();
        return back()->with('success', 'Data Your files has been successfully added');
    }
}

Step 5: Make a Laravel 5.7 blade View File

resources/views/create.blade.php

<html lang="en">
<head>
  <title>laravel 5.7 multiple image upload Example - Pakainfo.com</title>
  <script src="jquery/1.9.1/jquery.js"></script>
  <link rel="stylesheet" href="3.3.6/css/bootstrap.min.css">
</head>
<body>
<h3>laravel 5.7 multiple image upload</h3>
<p>laravel 5.7 upload image to database</p>
<div class="container pakainfo">
@if (count($errors) > 0)
<div class="alert alert-danger">
    <strong>Sorry!</strong> There were more problems with your HTML input.<br><br>
    <ul>
      @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
      @endforeach
    </ul>
</div>
@endif
@if(session('success'))
<div class="alert alert-success">
  {{ session('success') }}
</div> 
@endif
<h3 class="well">Laravel 5.6 Multiple File Upload</h3>
<form method="post" action="{{url('file')}}" enctype="multipart/form-data">
  {{csrf_field()}}
    <div class="input-group members control-group pakainfo increment" >
      <input type="file" name="liveimgname[]" class="liveForm form-control">
      <div class="input-group-btn"> 
        <button class="btn btn-success" type="button"><i class="fldemo glyphicon glyphicon-plus"></i>Add</button>
      </div>
    </div>
    <div class="clone hide">
      <div class="members control-group pakainfo input-group" style="margin-top:10px">
        <input type="file" name="liveimgname[]" class="liveForm form-control">
        <div class="input-group-btn"> 
          <button class="btn btn-danger" type="button"><i class="fldemo glyphicon glyphicon-remove"></i> Remove</button>
        </div>
      </div>
    </div>
    <button type="submit" class="btn btn-success" style="margin-top:10px">Submit</button>
</form>        
</div>
<script type="text/javascript">
    $(document).ready(function() {
      $(".btn-success").click(function(){ 
          var paramval = $(".clone").html();
          $(".increment").after(paramval);
      });
      $("body").on("click",".btn-danger",function(){ 
          $(this).parents(".members control-group pakainfo").remove();
      });
    });
</script>
</body>
</html>

Angular 6 CRUD Operations Application Tutorials

Read :

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

Download

I hope you get an idea about Multiple file Upload in Laravel 5.7 with validation.
I would like to have feedback on my Pakainfo.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.