How to Combine Multiple Images or PDF Files into a Single PDF File Using ImageMagick

In this article, You will learn about how to create a single pdf file in Codeigniter from a separate set of images or pdf files using ImageMagick . PDF is the most used format to combine multiple images document or pdf files to a single pdf file in the web application. PDF file provides a easy and user-friendly way to upload the bunch of records in a pdf format file. If you are working on Codeigniter then you get problem to how to do it. But in this post i am going to share you very simple example to combine multiple images or pdf to a single pdf file using ImageMagick.

Let’s see the step by step process to combine multiple images or pdf files into a single pdf file:

Table of Contents

Step 1: Download Fresh Latest Version of Codeigniter

In First step we need to download fresh Latest version of Codeigniter , After Download successfully, extract clean new Codeigniter application.

so if you haven’t download yet then download from here : Download Codeigniter 3.

Step 2: Add Controller Method

In this step we require to add “combineImagePdf” method on welcome controller, So let’s add with following code. you have to just copy of welcome.php controller file: application/controllers/Welcome.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
 
 
class Welcome extends CI_Controller {
 
  public function __construct() {
        parent::__construct();
        $this->load->library("Fpdf");
    }

  /**
    * Get All Data from this method.
    *
    * @return Response
   */
   public function index()
   {
	$this->load->view('welcome_message');
   }
 
 
   /**
    * Get Download PDF File
    *
    * @return Response
   */
  public function combineImagePdf(){
         if (!empty($_POST)) {
                     
                       $filesCount = count($_FILES['files']['name']);
                         
            if($filesCount>0){
                $uploads = array();
                 $target_path   =FCPATH . "uploads/imagetopdf/";
       foreach ($_FILES['files']['tmp_name'] as $key => $tmp_name) {
 array_push($uploads,$_FILES['files']['tmp_name'][$key]);;
}
       $filename="combine".rand().".pdf";
     $pdf = new Imagick($uploads);
$pdf->setImageFormat('pdf');

$pdf->writeImages($target_path.$filename, true); 


       $buffer = file_get_contents($target_path.$filename);


        			/* Force download dialog... */
        			header("Content-Type: application/force-download");
        			header("Content-Type: application/octet-stream");
        			header("Content-Type: application/download");

			/* Don't allow caching... */
        			header("Cache-Control: must-revalidate, post-check=0, pre-check=0");

        			/* Set data type, size and filename */
        			header("Content-Type: application/octet-stream");
        			header("Content-Transfer-Encoding: binary");
        			header("Content-Length: " . strlen($buffer));
        			header("Content-Disposition: attachment; filename=$filename");

        			/* Send our file... */
        			echo $buffer;
       }else{
                                    $this->session->set_flashdata('error', 'Uploaded image should be jpg or png');
                    redirect("welcome/combineImagePdf");
                             
                            }
         }else{
        $this->load->view('combineImagePdf');
         }
    }    
}

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {

public function __construct() {

parent::__construct();

$this->load->library("Fpdf");

}

/**

* Get All Data from this method.

* @return Response

public function index()

{

$this->load->view('welcome_message');

}

/**

* Get Download PDF File

* @return Response

public function combineImagePdf(){

if (!empty($_POST)) {

$filesCount = count($_FILES['files']['name']);

if($filesCount>0){

$uploads = array();

$target_path =FCPATH . "uploads/imagetopdf/";

foreach ($_FILES['files']['tmp_name'] as $key => $tmp_name) {

array_push($uploads,$_FILES['files']['tmp_name'][$key]);;

}

$filename="combine".rand().".pdf";

$pdf = new Imagick($uploads);

$pdf->setImageFormat('pdf');

$pdf->writeImages($target_path.$filename, true);

$buffer = file_get_contents($target_path.$filename);

/* Force download dialog... */

header("Content-Type: application/force-download");

header("Content-Type: application/octet-stream");

header("Content-Type: application/download");

/* Don't allow caching... */

header("Cache-Control: must-revalidate, post-check=0, pre-check=0");

/* Set data type, size and filename */

header("Content-Type: application/octet-stream");

header("Content-Transfer-Encoding: binary");

header("Content-Length: " . strlen($buffer));

header("Content-Disposition: attachment; filename=$filename");

/* Send our file... */

echo $buffer;

}else{

$this->session->set_flashdata('error', 'Uploaded image should be jpg or png');

redirect("welcome/combineImagePdf");

}

}else{

$this->load->view('combineImagePdf');

}

Step-3: Create a folder “imagetopdf” under “uploads” folder in root directory

Step-4: Add View File

Now at last step we require to create “combineImagePdf.php” view file for generate pdf file. So you have to copy below code and create on view folder:

application/views/combineImagePdf.php

<section>

<style>

    input[type="file"] {
    display: none !important;
}
.btn-success{    width:100%;    font-size: 22px;
    font-weight: bold;}
.navbar-brand img{width:80%;}
.well label, .well label img{width:100%;cursor:pointer;}
.well{  background: #f6f6f6;
    border-top: 5px solid #479b25;}

.custom-text{font-size:16px;display:none;}
@media only screen and (max-width:767px){

.header-text h1 {
    font-size: 20px;
    font-weight: bold;
    color: #03828a;
}
.well{padding:5px;width:100%;}
#myform {
   margin-left: 0px;
    margin-right: 0px;
}
}

</style>
    <div class="container proface-features">

        <div class="row">

        <div class="col-md-12"> 
        <h2>Combine multiple PDF Files or Images into a single PDF document without having to install any software.</h2>
         <div class="col-md-6"> 
        
         <div class="header-text single_like" >
      
<p ><b>Step-1: </b>Select up to 20 PDF Files or images from your computer or drag them to the drop area. </p>
<p ><b>Step-2: </b>Automatically download combine pdf file.</p>  
</div>
</div>
<div class="col-md-6"> 
<fieldset class="well">
			<form action="<?php echo base_url();?>welcome/combineImagePdf" name="myform" id="myform" method="post" enctype="multipart/form-data">
				<center><p class="custom-text">You have selected <span class="count-file">0</span> files</p></center>

						<label for="file"><img src="<?php echo base_url();?>uploads/tools/drag-drop-file-upload.jpg" alt="drag-drop-file-upload"></label>
			                                <input type="file" name="files[]" id="file" multiple accept="image/png, image/jpeg,image/jpg,application/pdf" required/>
					
						<input type="submit" name="submit" id="submit" value="SUBMIT" class="btn btn-success check"/>
					
			</form>
			</fieldset>
</div>

</div>
        </div>
    </div>

   
    </section>
   <script>
$(document).ready(function(){
$("input#file").change(function(){
    var files = $(this)[0].files;
    if(files.length > 0){
        $(".count-file").text(files.length);
$(".count-file").css("font-weight","bold");
$(".count-file").css("color","red");
$(".custom-text").css("display","block");
$(".successerror-message").css("display","none");
    }
});


$("#submit").click(function(){
   
$(".custom-text").text("Please Wait....");
$(".custom-text").css("color","red");
setTimeout(function () {
    $(".custom-text").text("");
   
}, 2000);
    
});

});
</script>

<style>

input[type="file"] {

display: none !important;

}

.btn-success{ width:100%; font-size: 22px;

font-weight: bold;}

.navbar-brand img{width:80%;}

.well label, .well label img{width:100%;cursor:pointer;}

.well{ background: #f6f6f6;

border-top: 5px solid #479b25;}

.custom-text{font-size:16px;display:none;}

@media only screen and (max-width:767px){

.header-text h1 {

font-size: 20px;

font-weight: bold;

color: #03828a;

}

.well{padding:5px;width:100%;}

#myform {

margin-left: 0px;

margin-right: 0px;

}

</style>

<h2>Combine multiple PDF Files or Images into a single PDF document without having to install any software.</h2>

<p ><b>Step-1: </b>Select up to 20 PDF Files or images from your computer or drag them to the drop area. </p>

<p ><b>Step-2: </b>Automatically download combine pdf file.</p>

</div>

<form action="<?php echo base_url();?>welcome/combineImagePdf" name="myform" id="myform" method="post" enctype="multipart/form-data">

<center><p class="custom-text">You have selected <span class="count-file">0</span> files</p></center>

<label for="file"><img src="<?php echo base_url();?>uploads/tools/drag-drop-file-upload.jpg" alt="drag-drop-file-upload"></label>

</form>

</fieldset>

</div>

</section>

$(document).ready(function(){

$("input#file").change(function(){

var files = $(this)[0].files;

if(files.length > 0){

$(".count-file").text(files.length);

$(".count-file").css("font-weight","bold");

$(".count-file").css("color","red");

$(".custom-text").css("display","block");

$(".successerror-message").css("display","none");

}

});

$("#submit").click(function(){

$(".custom-text").text("Please Wait....");

$(".custom-text").css("color","red");

setTimeout(function () {

$(".custom-text").text("");

}, 2000);

});

</script>

Now you can open bellow URL on your browser:

http://localhost:8000/welcome/combineImagePdf

If you are on live sever:

http://domainname.com/welcome/combineImagePdf

Checkout Demo in PHP

How to Convert an Image to PDF in CodeIgniter using FPDF Library

How to Convert HTML to PDF in CodeIgniter using Dompdf Library

How to Generate PDF from Mysql Database using PHP

Are you want to get implementation help, or modify or extend the functionality of this script? Submit paid service request

Pradeep Maurya

Pradeep Maurya is the Professional Web Developer & Designer and the Founder of “Tutorials website”. He lives in Delhi and loves to be a self-dependent person. As an owner, he is trying his best to improve this platform day by day. His passion, dedication and quick decision making ability to stand apart from others. He’s an avid blogger and writes on the publications like Dzone, e27.co