clock  Mon - Sun 8.00 AM - 8.00 PM
play store

How to Add Barcode in PDF using DomPDF Laravel

writter  Sumit Dey Sarkar
Date  02 Oct 2023
Language  Laravel
How to Add Barcode in PDF using DomPDF Laravel

How to Add Barcode in PDF using DomPDF Laravel

In this tutorial we will learn how to add barcode in PDF using DomPDF Laravel.


How to Add Barcode in PDF using DomPDF Laravel


How to add barcode in PDF using DomPDF Laravel

To add a barcode to a PDF using DomPDF in Laravel, you'll need to follow these steps:


Step 1 - Install DomPDF

If you haven't already, you'll need to install DomPDF in your Laravel project. You can do this using Composer:

composer require barryvdh/laravel-dompdf


Step 2 - Configure DomPDF

After installing, you need to configure DomPDF in your Laravel application. Open the config/pdf.php file and make sure it's set up correctly. Here's an example:

'dompdf' => [
    'enabled' => true,
    'options' => [
        'isHtml5ParserEnabled' => true,
        'isPhpEnabled' => true,
        'isJavascriptEnabled' => true,
        'isRemoteEnabled' => true,


Step 3 - Generate a Barcode

You'll need a library to generate barcodes. One popular option is the "picqer/php-barcode-generator" library, which you can install with Composer:

composer require picqer/php-barcode-generator


Step 4 - Create a Laravel Controller or Route

Next, create a Laravel controller or route that handles the generation of the PDF with the barcode. In this controller or route closure, you'll generate the barcode image and add it to the PDF.

use PDF;
use Picqer\Barcode\BarcodeGeneratorHTML;

public function generatePDFWithBarcode()
    // Generate a barcode image using the BarcodeGeneratorHTML class
    $generator = new BarcodeGeneratorHTML();
    $barcodeImage = $generator->getBarcode('123456789', $generator::TYPE_CODE_128);

    // Load your PDF view
    $pdf = PDF::loadView('pdf.barcode', ['barcodeImage' => $barcodeImage]);

    // Return the PDF as a response or save it to a file
    return $pdf->stream();


Step 5 - Create a Blade View

Create a Blade view file (e.g., resources/views/pdf/barcode.blade.php) that will be used as the template for your PDF. In this view, you can add the barcode image using an HTML <img> tag:

<!DOCTYPE html>
    <title>Barcode PDF</title>
    <h1>Barcode PDF Example</h1>
    <img src="data:image/png;base64,{{ $barcodeImage }}" alt="Barcode">


Step 6 - Create a Route

Define a route that maps to the generatePDFWithBarcode controller method or closure.

Route::get('/generate-pdf-with-barcode', 'YourControllerName@generatePDFWithBarcode');


Visit the URL created in route (e.g., /generate-pdf-with-barcode), and  generate a PDF with the barcode.

You can customize the barcode generation and PDF layout according to your requirements.

Comments 0

Leave a comment

Coursera, Codeacademy, Udacity, W3Schools, Udemy, Alison, TheNewBoston, edX, P.S.Codewars,Freecodecamp, Managing technical debt blog, Scrimba, Codepen, Codepen/challenges, The Odin Project, htmlreference.​io, cssreference.​io, Frontend Mentor, Dev Challenges, MDN, Code Mentor, Coding Dojo, CSS Battle, Codier, Ace Frontend, Can I Use, CSS Tricks, 30 Seconds of Code,tutorialspoint, Neumorphism, Shaddows Brumm, Fancy Border Radius, Glow Generator, Clothoid Corners, Glassmorphism, Clipy, CSS Filters, Base64 Image, Quantity Queries, Animations, Cubic-Bezier, Keyframes, Wait Animate, Transition.Style, graphic design, web design, website design, website builder, web developer, web designer, webdesign, ecommerce website, web design company, website creator, website designer, responsive web design, web development company, best website design, web design software, web page design, build a website, web developer salary, design website, web design courses, how to design a website, web design inspiration, website layout, web designer salary, web application development, ecommerce website design, web agency, software development company, web design tutorial, web programming, design company, website design templates, what is web designing, web developer jobs, website developer, web design agency, freelance web developer, web design services, freelance web designer, graphic design websites, web solutions, ecommerce website development, free website design, web development courses, webdev, web developers, web development tools, website design services, developpeur web, web design london, website design ideas, web designing and programming, design a website, web design and development, web dev, web development services, homepage design, best designed websites, cheap website design, learn web design, web design templates, web design tools, web design jobs, website design inspiration, web design india, flash website, website developers, designer websites, website services, website design cost, good website design, site design, simple website design, cool website designs, modern website design, graphic designer websites, webcode, best web design software, website making, free web design software, mobile website design, learn web development, front end web developer, how to become a web developer, web developer portfolio, web development company in india, python web development, web development tutorial, website company, website design and development, web company, webdesigning, professional website design, affordable web design, best web design company, creative web design, top website designs, website design pricing, web developer tools, how to develop a website