Upload Multiple File and Image in Codeigniter

In this section, we will learn how to upload more than one image and file by using Codeigniter. The following example provides a simple way to upload more than one image and file. In order to upload multiple files, we will use the upload library in Codeigniter. This library uses an uploads directory to save all the files and images. The steps to upload more than one image and files are described as follows:

Step 1:

In this step, we are going to Download Codeigniter 3. In our project, we are going to download the latest version of Codeigniter, which is 3. We can download it using the following link:

Step 2:

In the second step, we are going to Add Route. We will use our route file to add route. In our below example of image uploading, we will create route. For this, we will use a route file and add the following content in that file.

application/config/routes.php

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

$route['default_controller'] = 'welcome';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;
$route['image-upload'] = 'ImageUpload';
$route['image-upload/post']['post'] = "ImageUpload/uploadImage";

Step 3:

In the third step, we are going to Create Controller. For this, we will create an "ImageUpload" controller. After that, we will create two functions index() and uploadImage(). We will use the application/controllers/Items.php path so that we can create the Items.php file. After creating this file, we will add the following code into it:

application/controllers/ImageUpload.php

<?php
  
class ImageUpload extends CI_Controller {
   
   /**
    * Manage __construct
    *
    * @return Response
   */
   public function __construct() { 
      parent::__construct(); 
      $this->load->helper('url'); 
   }
  
   /**
    * Manage index
    *
    * @return Response
   */
   public function index() { 
      $this->load->view('imageUploadForm'); 
   } 
    
   /**
    * Manage uploadImage
    *
    * @return Response
   */
   public function uploadImage() { 
   
      $data = [];
   
      $count = count($_FILES['files']['name']);
    
      for($i=0;$i<$count;$i++){
    
        if(!empty($_FILES['files']['name'][$i])){
    
          $_FILES['file']['name'] = $_FILES['files']['name'][$i];
          $_FILES['file']['type'] = $_FILES['files']['type'][$i];
          $_FILES['file']['tmp_name'] = $_FILES['files']['tmp_name'][$i];
          $_FILES['file']['error'] = $_FILES['files']['error'][$i];
          $_FILES['file']['size'] = $_FILES['files']['size'][$i];
  
          $config['upload_path'] = 'uploads/'; 
          $config['allowed_types'] = 'jpg|jpeg|png|gif';
          $config['max_size'] = '5000';
          $config['file_name'] = $_FILES['files']['name'][$i];
   
          $this->load->library('upload',$config); 
    
          if($this->upload->do_upload('file')){
            $uploadData = $this->upload->data();
            $filename = $uploadData['file_name'];
   
            $data['totalFiles'][] = $filename;
          }
        }
   
      }
   
      $this->load->view('imageUploadForm', $data); 
   }
  
} 
?>

Step 4:

In the fourth step, we are going to Create View. For our example, we will create a view file imageUploadForm.php. We will use helper and url helper in this file so that we can write html form design. Now we will update the following file:

application/views/imageUploadForm.php:

<!doctype html>
<html>
  <head>
   <title> Example of Upload Multiple Files and Images in Codeigniter </title>
  </head>
<body>
    <h1> Upload Multiple file and image in Codeigniter </h1>  
    <strong><?php if(isset($totalFiles)) echo "Successfully uploaded ".count($totalFiles)." files"; ?></strong>
       
    <form method='post' action='/image-upload/post' enctype='multipart/form-data'>
   
      <input type='file' name='files[]' multiple=""> <br/><br/>
      <input type='submit' value='Upload' name='upload' />
   
    </form>
   
</body>
</html>

Now our above code is ready to run. In order to run this code, we need to create a "Upload" folder. We will create it in our root directory. The "upload" directory will get all the uploaded images. That's why we should also require permission.

Now we will use our root directory and run the command, which is described as follows:

Now we will use our browser and open the URL, which is described as follows:

Firstly, we will open the following configuration file and then set base URL on that file like this:

application/config/config.php

After running the above code, we are going to have the following output: