Laravel 7 File Upload Example

By Hardik Savani November 5, 2023 Category : Laravel

This example is focused on file upload in laravel 7. let’s discuss about laravel 7 file upload. This article will give you simple example of laravel 7 upload file to database. if you want to see example of how to upload and display file in laravel 7 then you are a right place.

Here, Creating a basic example of file upload laravel 7.

In this example, we will create two routes one for get method and another for post method. we created simple form with file input. So you have to simple select file and then it will upload in "uploads" directory of public folder. So you have to simple follow bellow step and get file upload in laravel 7 application.

Step 1 : Install Laravel 7

First of all, we need to get fresh laravel 7 version application using bellow command because we are going from scratch, So open your terminal OR command prompt and run bellow command:

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

Step 2: Create Routes

In next step, we will add new two routes in web.php file. One route for generate form and another for post method So let's simply create both route as bellow listed:

routes/web.php

Route::get('file-upload', 'FileUploadController@fileUpload')->name('file.upload');
Route::post('file-upload', 'FileUploadController@fileUploadPost')->name('file.upload.post');

Read Also: How to Get Last Executed Query in Laravel?

Step 3: Create FileUploadController

In third step we will have to create new FileUploadController and here we have to write two method fileUpload() and fileUploadPost(). So one method will handle get method another one for post. So let's add code.

app/Http/Controllers/FileUploadController.php

<?php
   
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
  
class FileUploadController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function fileUpload()
    {
        return view('fileUpload');
    }
  
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function fileUploadPost(Request $request)
    {
        $request->validate([
            'file' => 'required|mimes:pdf,xlx,csv|max:2048',
        ]);
  
        $fileName = time().'.'.$request->file->extension();  
   
        $request->file->move(public_path('uploads'), $fileName);
   
        return back()
            ->with('success','You have successfully upload file.')
            ->with('file',$fileName);
   
    }
}

Read Also: How to Get Last Executed Query in Laravel?

Step 3: Create Blade File

At last step we need to create fileUpload.blade.php file and in this file we will create form with file input button. So copy bellow and put on that file.

resources/views/fileUpload.blade.php

Read Also: Laravel 7 Image Upload Example
<!DOCTYPE html>
<html>
<head>
    <title>laravel 7 file upload example - ItSolutionStuff.com.com</title>
    <link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
</head>
  
<body>
<div class="container">
   
    <div class="panel panel-primary">
      <div class="panel-heading"><h2>laravel 7 file upload example - ItSolutionStuff.com.com</h2></div>
      <div class="panel-body">
   
        @if ($message = Session::get('success'))
        <div class="alert alert-success alert-block">
            <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
        </div>
        <img src="uploads/{{ Session::get('file') }}">
        @endif
  
        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
  
        <form action="{{ route('file.upload.post') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
  
                <div class="col-md-6">
                    <input type="file" name="file" class="form-control">
                </div>
   
                <div class="col-md-6">
                    <button type="submit" class="btn btn-success">Upload</button>
                </div>
   
            </div>
        </form>
  
      </div>
    </div>
</div>
</body>
  
</html>

Step 4: Create "uploads" Directory

in last step, we need to create new directory "uploads" with full permission, So let's create new folder on public folder.

After that you can check it.

I hope it can help you...

Tags :
Previous

Laravel 7 Image Upload Example
Next

Laravel 7 Multiple Image Upload Example

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares