How to Add Image to PDF file in Laravel 10

Websolutionstuff | Dec-20-2023 | Categories : Laravel PHP

Greetings, Laravel enthusiasts! Today, let's explore a practical aspect of web development – adding images to PDF files using Laravel 10. Whether you're creating invoices, reports, or any other document, this step-by-step guide will empower you to seamlessly integrate images into your PDFs.

Join me on this journey, and let's enhance our Laravel skills together.

In this article, we'll how to add an image to a pdf file in laravel 10. Also, we are using barryvdh/laravel-dompdf package to generate PDF files in laravel 8/9/10. You can add image on PDF in laravel 8, Laravel 9 and Laravel 10.

Step 1: Install and Set Up Laravel 10

Ensure you have Laravel 10 installed on your machine. If not, you can create a new project with:

composer create-project laravel/laravel mypdfproject
cd mypdfproject

 

Step 2: Install Required Packages

We'll need the barryvdh/laravel-dompdf package for handling PDFs. Install it using Composer:

composer require barryvdh/laravel-dompdf
 
Step 3: Configure Laravel-dompdf Package

Add the service provider and facade in your config/app.php:

'providers' => [
    // ...
    Barryvdh\DomPDF\ServiceProvider::class,
],

'aliases' => [
    // ...
    'PDF' => Barryvdh\DomPDF\Facade::class,
],

 

 

Step 4: Generate PDF Controller

Create a new controller for handling PDF generation:

php artisan make:controller PDFController

 

Step 5: Add Image to PDF Controller

In your PDFController.php file, use the following code to add an image to the PDF:

use PDF;
use Illuminate\Http\Request;

class PDFController extends Controller
{
    public function generatePDF()
    {
        $data = [
            'imagePath' => public_path('images/your_image.jpg'),
            'title' => "Add images to PDF files in Laravel 10 - Websolutionstuff"
            // Add other data as needed
        ];

        $pdf = PDF::loadView('pdf.document', $data);

        return $pdf->stream('document.pdf');
    }
}

 

Step 6: Create Blade View

Create a new Blade view file, document.blade.php, in the resources/views/pdf/ directory. Use the following code to embed the image in the PDF:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laravel 9/10 Add Image To PDF File - Websolutionstuff</title>
</head>
<body>
    <h2>{{ $title }}</h2>
    <img src="{{ $imagePath }}" alt="Image">
    <br><br/>
    <strong>Public Folder:</strong>
    <img src="{{ public_path('laravel_10.jpg') }}" style="width: 100%;">
    <br/>
    <strong>Storage Folder:</strong>
    <img src="{{ storage_path('app/public/laravel.png') }}" style="width: 100%;">
</body>
</html>

 

Step 7: Define Route

In your web.php file, define a route to trigger the PDF generation:

use App\Http\Controllers\PDFController;

Route::get('/generate-pdf', [PDFController::class, 'generatePDF']);

 

Step 8: Test Your Application

Run your Laravel application:

php artisan serve
 
Conclusion:

And there you have it! You've successfully added images to your PDF files in Laravel 10. With the power of the barryvdh/laravel-dompdf package. Also, you can use it in Laravel 8 and Laravel 9.

 


You might also like:

Recommended Post
Featured Post
Laravel 9 Two Factor Authentication With SMS
Laravel 9 Two Factor Authentic...

In this article, we will see laravel 9 two-factor authentication with SMS. we will send an OTP SMS to the mobile nu...

Read More

Sep-26-2022

Laravel 8 Export Buttons In Datatables Example
Laravel 8 Export Buttons In Da...

In this article, we will see an example of laravel 8 export buttons in datatables. If you want to export data...

Read More

Oct-14-2020

Carbon Add Years To Date In Laravel
Carbon Add Years To Date In La...

In this article, we will see examples of carbon adding years to date in laravel. Here we will laravel add...

Read More

Dec-07-2020

Laravel Firebase Push Notification
Laravel Firebase Push Notifica...

In this example we will see laravel firebase push notification, firebase notification through you can notify u...

Read More

Mar-26-2021