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.
Snippet Contents
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.
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.
