PHP 7 TCPDF Example to Add Image in PDF Document Using HTML5 Form in Browser

Welcome folks today in this blog post we will be adding image in pdf document using html5 form in browser using php. All the full source code of the application is shown below.

Get Started

In order to get started you need to make an index.php file and copy paste the following code

index.html

<!-- HTML form for uploading an image -->
<form method="post" action="/insertimage.php" enctype="multipart/form-data">
  <input type="file" name="image">
  <input type="submit" value="Add Image">
</form>

</form>

As you can see we have a simple user html5 form where we have the input field where we allow the user to select any image file which needs to be inserted inside the pdf document using the tcpdf library. And then we have the submit button to submit the form. And we have given the method to be post and action attribute to be /insertimage.php

And now we need to create the insertimage.php file inside the same directory and copy paste the below code

Installing TCPDF Library Using Composer

Now guys first of all create the composer.json file and copy paste the following code to it

composer.json

{
  "require": {
    "tecnickcom/tcpdf": "^6.2.13"
  }
}

{

"require": {

"tecnickcom/tcpdf": "^6.2.13"

}

And now you need to execute the below command to install the dependencies from composer as shown below

composer update

After executing this command this will create the vendor folder inside the root directory and it will contain all the libraries of tcpdf as shown below

insertimage.php

// Include the TCPDF library
require_once('./vendor/autoload.php');

// Check if the form has been submitted
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
  // Get the uploaded image file
  $image = $_FILES['image']['tmp_name'];

  // Move the uploaded file to a desired location
  move_uploaded_file($image, 'image.jpg');

  // Create a new instance of the TCPDF class
  $pdf = new TCPDF();

  // Add a new page to the PDF
  $pdf->AddPage();

  // Add the image to the PDF
  $pdf->Image('image.jpg', 10, 10);

  // Generate the PDF and send it to the browser for download
  $pdf->Output();
}

// Include the TCPDF library

require_once('./vendor/autoload.php');

// Check if the form has been submitted

if ($_SERVER['REQUEST_METHOD'] == 'POST') {

// Get the uploaded image file

$image = $_FILES['image']['tmp_name'];

// Move the uploaded file to a desired location

move_uploaded_file($image, 'image.jpg');

// Create a new instance of the TCPDF class

$pdf = new TCPDF();

// Add a new page to the PDF

$pdf->AddPage();

// Add the image to the PDF

$pdf->Image('image.jpg', 10, 10);

// Generate the PDF and send it to the browser for download

$pdf->Output();

}

As you can see we are importing the autoload.php file of the tcpdf library which is stored inside the vendor folder and then we are checking if the submit button is clicked by the user of the form. And then we are getting the temporary path of the image file without uploading it we are getting the temp path using the $_FILES[] array and then we are adding new page in pdf document using AddPage() method of TCPDF library and then we are using the Image() method of tcpdf library to add the image we are passing three arguments. First is the path of the image and then we are passing the x and y coordinates. And lastly we are showing the output of the pdf document inside the browser as an attachment using the Output() method.