Category Archives: CodeIgniter

codeigniter

codeigniter 4 image upload example tutorial

In this codeigniter 4 image upload example tutorial I will show you how to upload image fine in codeigniter 4. In this tutorial you will learn to upload image file in codeigniter 4. I will also show you how to validate upload image into folder and then save it into database. In this tutorial before saving image into database we will validate image and then save it into directory using. Before uploading the image we will perform server side validation. In this article we will create a simple example to upload image in codeigniter 4.

codeigniter 4 image upload example tutorial

In this step by step tutorial I will demonstrate you with example how to upload image file in codeigniter 4. Please follow the instruction given below:

Install Codeigniter
Basic Configurations
Create a Database in table
Connect to Database
Create Controller and Model
Create Views Files
Run The Application

Install Codeigniter 4

Download or install the latest version of CodeIgniter 4

Basic Configurations

Now, we need to setup some codeigniter basic configurations in your project as following.

//change the baseUrl
public $baseURL = 'http://localhost:8080';
To
public $baseURL = 'http://localhost/your_project_name/';
//remove the index.php from indexPage
public $indexPage = '';
//change the uriProtocol
public $uriProtocol = 'REQUEST_URI';
To
public $uriProtocol = 'PATH_INFO';

//change the baseUrl

public $baseURL = 'http://localhost:8080';

public $baseURL = 'http://localhost/your_project_name/';

//remove the index.php from indexPage

public $indexPage = '';

//change the uriProtocol

public $uriProtocol = 'REQUEST_URI';

public $uriProtocol = 'PATH_INFO';

Create a Database in table

Now you need to create some database tables in your codeigniter application database. Please use the following sql query to create database tables.

CREATE TABLE IF NOT EXISTS `students` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `first_name` varchar(64) NOT NULL,
  `last_name` varchar(64) NOT NULL,
  `address` text NOT NULL,
  `email` varchar(64) NOT NULL,
  `mobile` varchar(12) NOT NULL,
  `image` varchar(164) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=15 ;

CREATE TABLE IF NOT EXISTS `students` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`first_name` varchar(64) NOT NULL,

`last_name` varchar(64) NOT NULL,

`address` text NOT NULL,

`email` varchar(64) NOT NULL,

`mobile` varchar(12) NOT NULL,

`image` varchar(164) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=15 ;

Connect to Database

Now, lets create a MySQL database and connect it with codeigniter application. After creating database we need to set database credential in application’s app/Config/Database.php file.

app/Config/Database.php

	public $default = [
		'DSN'      => '',
		'hostname' => 'localhost',
		'username' => 'root',
		'password' => '',
		'database' => 'codeigniter4_jqurey_validation',
		'DBDriver' => 'MySQLi',
		'DBPrefix' => '',
		'pConnect' => false,
		'DBDebug'  => (ENVIRONMENT !== 'production'),
		'cacheOn'  => false,
		'cacheDir' => '',
		'charset'  => 'utf8',
		'DBCollat' => 'utf8_general_ci',
		'swapPre'  => '',
		'encrypt'  => false,
		'compress' => false,
		'strictOn' => false,
		'failover' => [],
		'port'     => 3306,
	];

public $default = [

'DSN' => '',

'hostname' => 'localhost',

'username' => 'root',

'password' => '',

'database' => 'codeigniter4_jqurey_validation',

'DBDriver' => 'MySQLi',

'DBPrefix' => '',

'pConnect' => false,

'DBDebug' => (ENVIRONMENT !== 'production'),

'cacheOn' => false,

'cacheDir' => '',

'charset' => 'utf8',

'DBCollat' => 'utf8_general_ci',

'swapPre' => '',

'encrypt' => false,

'compress' => false,

'strictOn' => false,

'failover' => [],

'port' => 3306,

];

Create Controller and Model

In this step we will create a “Student.php” controller file and the “StudentModel.php” model file. Please paste the below code in corresponding file.

<?php 

namespace App\Controllers;
 
use CodeIgniter\Controller;
use App\Models\StudentModel;
 
class Student extends Controller
{
 
	public function __construct()
    {
        helper(['form', 'url']);
    }
    public function index()
    {    
        return view('add');
    }    
 
    public function store()
    { 
		
		$rules = [
			'txtFname' => 'required',
            'txtLname' => 'required',
            'txtEmail' => 'required|valid_email',
            'txtMobile' => 'required|min_length[10]|numeric',
            'txtAddress' => 'required',
			'image' => [
				'uploaded[image]',
                'mime_in[image,image/jpg,image/jpeg,image/gif,image/png]',
                'max_size[image,4096]',
			 ],
		];
		
		if (!$this->validate($rules)) {
			return view('add', ['validation' => $this->validator]);
		} else {
			$image = $this->request->getFile('image');
            $image->move(WRITEPATH . 'uploads');
		  
			$data = [
				'first_name' => $this->request->getVar('txtFname'),
				'last_name'  => $this->request->getVar('txtLname'),
				'email'  => $this->request->getVar('txtEmail'),
				'mobile'  => $this->request->getVar('txtMobile'),
				'address'  => $this->request->getVar('txtAddress'),
				'image'  => $image->getClientName(),
			];
			 
			$model = new StudentModel(); 
			$save = $model->insert($data);
			return redirect()->to( base_url('student') );
		}
		
    }
 
}

?>

<?php

namespace App\Controllers;

use CodeIgniter\Controller;

use App\Models\StudentModel;

class Student extends Controller

{

public function __construct()

{

helper(['form', 'url']);

}

public function index()

{

return view('add');

}

public function store()

{

$rules = [

'txtFname' => 'required',

'txtLname' => 'required',

'txtEmail' => 'required|valid_email',

'txtMobile' => 'required|min_length[10]|numeric',

'txtAddress' => 'required',

'image' => [

'uploaded[image]',

'mime_in[image,image/jpg,image/jpeg,image/gif,image/png]',

'max_size[image,4096]',

];

if (!$this->validate($rules)) {

return view('add', ['validation' => $this->validator]);

} else {

$image = $this->request->getFile('image');

$image->move(WRITEPATH . 'uploads');

$data = [

'first_name' => $this->request->getVar('txtFname'),

'last_name' => $this->request->getVar('txtLname'),

'email' => $this->request->getVar('txtEmail'),

'mobile' => $this->request->getVar('txtMobile'),

'address' => $this->request->getVar('txtAddress'),

'image' => $image->getClientName(),

];

$model = new StudentModel();

$save = $model->insert($data);

return redirect()->to( base_url('student') );

}

app/Models/StudentModel.php

<?php 
namespace App\Models;
use CodeIgniter\Database\ConnectionInterface;
use CodeIgniter\Model;
 
class StudentModel extends Model
{
    protected $table = 'Students';
 
    protected $allowedFields = ['first_name','last_name','address','email', 'mobile','image'];
}
?>

<?php

namespace App\Models;

use CodeIgniter\Database\ConnectionInterface;

use CodeIgniter\Model;

class StudentModel extends Model

{

protected $table = 'Students';

protected $allowedFields = ['first_name','last_name','address','email', 'mobile','image'];

}

Create Views Files

Now, in this step we will create a view file and put following code in it.
app/views/add.php

<!DOCTYPE html>
<html>
<head>
  <title>CodeIgniter 4 Image Upload With Preview Example </title>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> 
<style>
.hideImage{
	display:none;
}
#preview-image{
	margin-top:10px;
	width:200px;
	height:200px;
}
</style>
</head>
<body>
 <div class="container">
   <div class="row">
	<div class="col-md-9">
		<h2>Add Student</h2>
	</div>
    </div>
    <div class="row">
      <div class="col-md-9">
	<?= \Config\Services::validation()->listErrors(); ?>
        <form method="post" name="frmAddStudent" id="frmAddStudent" action="<?php echo site_url('student/store');?>" enctype="multipart/form-data">
          <div class="form-group">
            <label for="txtFname">First Name</label>
	    <input type="text" name="txtFname" class="form-control" id="txtFname" placeholder="Please enter first name" />
          </div> 
	  <div class="form-group">
            <label for="txtLname">Last Name</label>
	    <input type="text" name="txtLname" class="form-control" id="txtLname" placeholder="Please enter last name" />
          </div> 
          <div class="form-group">
            <label for="txtEmail">Email</label>
	    <input type="text" name="txtEmail" class="form-control" id="txtEmail" placeholder="Please enter email" />
          </div>
	  <div class="form-group">
            <label for="txtMobile">Mobile</label>
	    <input type="text" name="txtMobile" class="form-control" id="txtMobile" placeholder="Please enter mobile number." />
          </div>		  
          <div class="form-group">
            <label for="txtAddress">Address</label>
	    <textarea name="txtAddress" class="form-control"></textarea>
          </div>
          <div class="form-group">
            <label for="image">Image</label>
            <input type="file" name="image" class="form-control" id="image" onchange="previewImageFile(this);" accept=".png, .jpg, .jpeg" />
	    <img src="" alt="Image preview" id="preview-image" class="hideImage">
          </div>
          <div class="form-group">
		   <input type="submit" value="Add" name="btnadd" id="btnadd" class="btn btn-success" />
          </div>
        </form>
      </div>
    </div>
	<span class="d-none alert alert-success mb-3" id="res_message"></span>
</div>
<script>
  function previewImageFile(input, id) {
    var output = document.getElementById('preview-image');
        output.removeAttribute("class");
        output.src = URL.createObjectURL(event.target.files[0]);
        output.onload = function() {
            URL.revokeObjectURL(output.src)
        }
 }
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>CodeIgniter 4 Image Upload With Preview Example </title>

<style>

.hideImage{

display:none;

}

#preview-image{

margin-top:10px;

width:200px;

height:200px;

}

</style>

</head>

<body>

<h2>Add Student</h2>

</div>

<?= \Config\Services::validation()->listErrors(); ?>

<form method="post" name="frmAddStudent" id="frmAddStudent" action="<?php echo site_url('student/store');?>" enctype="multipart/form-data">

<label for="txtFname">First Name</label>

</div>

</div>

<label for="txtEmail">Email</label>

</div>

<label for="txtMobile">Mobile</label>

</div>

<label for="txtAddress">Address</label>

</div>

<label for="image">Image</label>

</div>

</div>

</form>

</div>

</div>

function previewImageFile(input, id) {

var output = document.getElementById('preview-image');

output.removeAttribute("class");

output.src = URL.createObjectURL(event.target.files[0]);

output.onload = function() {

URL.revokeObjectURL(output.src)

}

</script>

</body>

</html>

Run The Application

Now we are ready to run our example so lets start the development server using following artisan command –

php spark serve

1	php spark serve

Now, open the following URL in browser to see the output –

http://localhost:8080/student

1	http://localhost:8080/student

Codeigniter 4 cURL POST Request Example Tutorial

In this Codeigniter 4 cURL POST Request Example Tutorial I’ll show you how to post form data using curl post request method in codeigniter. In this tutorial you will learn to make curl POST request in codeigniter. You will also learn to make curl request with header authentication in codeigniter. In this article I will share example to how to use and make curl request in codeigniter.

PHP Codeigniter cURL POST Request example

In this example we will be implementing codeigniter controller method to make curl POST request. We will be setting curl url and curl request parameters for POST request in controller method.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 
class CurlController extends CI_Controller {
 
    public function __construct() {
       parent::__construct();
    }
    
    public function curlPostRequest()
    {
		/* Endpoint */
		$url = 'http://www.localhost.com/endpoint';

		/* eCurl */
		$curl = curl_init($url);

		 /* Set POST data */
		curl_setopt($curl, CURLOPT_POST, 1);

		/* Data */
		$data = [
			'name'=>'John Doe', 
			'email'=>'johndoe@gmail.com'
		];

		/* Set JSON data to POST */
		curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
			 
		/* Define content type */
		curl_setopt($curl, CURLOPT_HTTPHEADER, array('Content-Type:application/json'));
			 
		/* Return json */
		curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
			 
		/* make request */
		$result = curl_exec($curl);
			  
		/* close curl */
		curl_close($curl);
    }
}
?>

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

class CurlController extends CI_Controller {

public function __construct() {

parent::__construct();

}

public function curlPostRequest()

{

/* Endpoint */

$url = 'http://www.localhost.com/endpoint';

/* eCurl */

$curl = curl_init($url);

/* Set POST data */

curl_setopt($curl, CURLOPT_POST, 1);

/* Data */

$data = [

'name'=>'John Doe',

'email'=>'johndoe@gmail.com'

];

/* Set JSON data to POST */

curl_setopt($curl, CURLOPT_POSTFIELDS, $data);

/* Define content type */

curl_setopt($curl, CURLOPT_HTTPHEADER, array('Content-Type:application/json'));

/* Return json */

curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

/* make request */

$result = curl_exec($curl);

/* close curl */

curl_close($curl);

}

PHP Codeigniter cURL POST Request with header authentication

In this example we will be implementing codeigniter controller method to make curl POST request with header authentication. We will be setting curl url and curl request parameters for POST request in controller method.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 
class CurlController extends CI_Controller {
 
    public function __construct() {
       parent::__construct();
    }
    
    public function curlPostRequest()
    {
		/* Endpoint */
		$url = 'http://www.localhost.com/endpoint';

		/* eCurl */
		$curl = curl_init($url);

		 /* Set POST data */
		curl_setopt($curl, CURLOPT_POST, 1);

		/* Data */
		$data = [
			'name'=>'John Doe', 
			'email'=>'johndoe@gmail.com'
		];

		/* Set JSON data to POST */
		curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
			 
		/* Define content type */
		curl_setopt($curl, CURLOPT_HTTPHEADER, array(
			'Content-Type:application/json',
			'App-Key: JJEK8L4',
			'App-Secret: 2zqAzq6'
		));
			 
		/* Return json */
		curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
			 
		/* make request */
		$result = curl_exec($curl);
			  
		/* close curl */
		curl_close($curl);
    }
}
?>

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

class CurlController extends CI_Controller {

public function __construct() {

parent::__construct();

}

public function curlPostRequest()

{

/* Endpoint */

$url = 'http://www.localhost.com/endpoint';

/* eCurl */

$curl = curl_init($url);

/* Set POST data */

curl_setopt($curl, CURLOPT_POST, 1);

/* Data */

$data = [

'name'=>'John Doe',

'email'=>'johndoe@gmail.com'

];

/* Set JSON data to POST */

curl_setopt($curl, CURLOPT_POSTFIELDS, $data);

/* Define content type */

curl_setopt($curl, CURLOPT_HTTPHEADER, array(

'Content-Type:application/json',

'App-Key: JJEK8L4',

'App-Secret: 2zqAzq6'

));

/* Return json */

curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

/* make request */

$result = curl_exec($curl);

/* close curl */

curl_close($curl);

}

Codeigniter 4 cURL PUT Request Example Tutorial

In this Codeigniter 4 cURL PUT Request Example Tutorial I’ll show you how to create curl PUT request in codeigniter 4. In this tutorial you will learn to make curl PUT request in codeigniter. You will also learn to make curl request with header authentication in codeigniter. In this article I will share example to how to use and make curl request in codeigniter.

PHP Codeigniter cURL PUT Request example

In this example we will be implementing codeigniter controller method to make curl PUT request. We will be setting curl url and curl request parameters for PUT request in controller method.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 
class CurlController extends CI_Controller {
 
    public function __construct() {
       parent::__construct();
    }
    
    public function curlPutRequest()
    {
 /* Endpoint */
 $url = 'http://www.localhost.com/endpoint';
 
 /* eCurl */
 $curl = curl_init($url);
 
 /* Set PUT Request */
 curl_setopt($curl, CURLOPT_CUSTOMREQUEST, 'PUT');
 
 /* Data */
 $data = [
 'name'=>'John Doe', 
 'email'=>'johndoe@gmail.com'
 ];
 
 /* Set JSON data to PUT*/
 curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
 
 /* Define content type */
 curl_setopt($curl, CURLOPT_HTTPHEADER, array(
 'Content-Type:application/json'
 ));
 
 /* Return json */
 curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 
 /* make request */
 $result = curl_exec($curl);
   
 /* close curl */
 curl_close($curl);
    }
}
?>

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

class CurlController extends CI_Controller {

public function __construct() {

parent::__construct();

}

public function curlPutRequest()

{

/* Endpoint */

$url = 'http://www.localhost.com/endpoint';

/* eCurl */

$curl = curl_init($url);

/* Set PUT Request */

curl_setopt($curl, CURLOPT_CUSTOMREQUEST, 'PUT');

/* Data */

$data = [

'name'=>'John Doe',

'email'=>'johndoe@gmail.com'

];

/* Set JSON data to PUT*/

curl_setopt($curl, CURLOPT_POSTFIELDS, $data);

/* Define content type */

curl_setopt($curl, CURLOPT_HTTPHEADER, array(

'Content-Type:application/json'

));

/* Return json */

curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

/* make request */

$result = curl_exec($curl);

/* close curl */

curl_close($curl);

}

PHP Codeigniter cURL PUT Request with header authentication

In this example we will be implementing codeigniter controller method to make curl PUT request with header authentication. We will be setting curl url and curl request parameters for PUT request in controller method.

Codeigniter 4 cURL Get Request Example Tutorial

In this Codeigniter 4 cURL Get Request Example Tutorial I’ll show you how to create curl GET request in codeigniter 4. In this tutorial you will learn to make curl GET request in codeigniter. You will also learn to make curl request with header authentication in codeigniter. In this article I will share example to how to use and make curl request in codeigniter.

Codeigniter 4 cURL Get Request Example Tutorial

In this example we will be implementing codeigniter controller method to make curl get request. We will be setting curl url and curl request parameters for GET request in controller method.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 
class CurlController extends CI_Controller {
 
    public function __construct() {
       parent::__construct();
    }
    
    public function curlGetRequest()
    {
        /* Endpoint */
        $url = 'http://www.localhost.com/endpoint';
    
        /* eCurl */
        $curl = curl_init($url);
             
        /* Define content type */
        curl_setopt($curl, CURLOPT_HTTPHEADER, array('Content-Type:application/json'));
             
        /* Return json */
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
             
        /* make request */
        $result = curl_exec($curl);
              
        /* close curl */
        curl_close($curl);
    }
}

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

class CurlController extends CI_Controller {

public function __construct() {

parent::__construct();

}

public function curlGetRequest()

{

/* Endpoint */

$url = 'http://www.localhost.com/endpoint';

/* eCurl */

$curl = curl_init($url);

/* Define content type */

curl_setopt($curl, CURLOPT_HTTPHEADER, array('Content-Type:application/json'));

/* Return json */

curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

/* make request */

$result = curl_exec($curl);

/* close curl */

curl_close($curl);

}

PHP Codeigniter cURL Get Request with header authentication

In this example we will be implementing codeigniter controller method to make curl get request with header authentication. We will be setting curl url and curl request parameters for GET request in controller method.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 
class CurlController extends CI_Controller {
 
    public function __construct() {
       parent::__construct();
    }
    
    public function curlGetRequest()
    {
        /* Endpoint */
        $url = 'http://www.localhost.com/endpoint';
    
        /* eCurl */
        $curl = curl_init($url);
                 
        /* Define content type */
        curl_setopt($curl, CURLOPT_HTTPHEADER, array(
            'Content-Type:application/json',
            'App-Key: JJEK8L4',
            'App-Secret: 2zqAzq6'
        ));
             
        /* Return json */
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
             
        /* make request */
        $result = curl_exec($curl);
              
        /* close curl */
        curl_close($curl);
    }
}
?>

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

class CurlController extends CI_Controller {

public function __construct() {

parent::__construct();

}

public function curlGetRequest()

{

/* Endpoint */

$url = 'http://www.localhost.com/endpoint';

/* eCurl */

$curl = curl_init($url);

/* Define content type */

curl_setopt($curl, CURLOPT_HTTPHEADER, array(

'Content-Type:application/json',

'App-Key: JJEK8L4',

'App-Secret: 2zqAzq6'

));

/* Return json */

curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

/* make request */

$result = curl_exec($curl);

/* close curl */

curl_close($curl);

}

How to get the current URL in Codeigniter

In this How to get the current URL in Codeigniter tutorial I will show you how to get current url in codeigniter. In this tutorial you will learn to get current application url in codeigniter. In this article I will share example to get current url in codeigniter application.

get the current URL in Codeigniter

In this step by step tutorial I will demonstrate you with example how to get current url in codeigniter. Please follow the instruction given below –

Get current URL in codeigniter

In Codeigniter we have a builtin url helper library. In codeigniter url helper allow us to get the current URL using the current_url() method. Below is the example to get the current url using the current_url() method in codeigniter.

Example:-

$this->load->helper('url');
$page_url=current_url();
echo $page_url;

$this->load->helper('url');

$page_url=current_url();

echo $page_url;

how to get URL segment in codeigniter

In codeigniter the segment() method is used to get the url segments from the url. Below is the example to retrieve the url segments using the segment() method in codeigniter.

Example:-

$this->load->helper('url');
echo $this->uri->segment(1);
echo $this->uri->segment(2);

$this->load->helper('url');

echo $this->uri->segment(1);

echo $this->uri->segment(2);

Get current controller name in codeigniter

In codeigniter the fetch_class() method is used to get the current controller name. Below is the example to get the current controller name using fetch_class() method.

Example:-

$this->load->helper('url');
echo $this->router->fetch_method(); //It will return current method name

1 2	$this->load->helper('url'); echo $this->router->fetch_method(); //It will return current method name

Get Current Controller Method Name in codeigniter

In codeigniter the fetch_method() method is used to get the current controller method’s name . Below is the example to get the current controller method name using the fetch_method() method.

Example:-

$this->load->helper('url');
echo $this->router->fetch_method(); //It will return current method name

1 2	$this->load->helper('url'); echo $this->router->fetch_method(); //It will return current method name

Autocomplete Textbox in CodeIgniter using Typeahead

In this Autocomplete Textbox in CodeIgniter using Typeahead Js, I will show you how to create a dynamic database driven ajax jquery autocomplete using typeahead js in codeigniter. In this tutorial we will create a dynamic search dropdown autocomplete which will fetch options from database table using bootstrap typeahead js.

The Typeahead JS is a jquery plugin, it is used to create dynamic autocomplete input with several options. In this example you will learn how to implement typeahead autocomplete in codeigniter.

Autocomplete Textbox in CodeIgniter using Typeahead

In this step by step tutorial I will demonstrate how to create a dynamic database driven ajax jquery autocomplete using typeahead js in codeigniter. Please follow the instruction given below:

Step 1: Download Codeigniter
Step 2: Basic Configurations
Step 3: Create a Database in table
Step 4: Connect to Database
Step 5: Create Controller and Model
Step 6: Create Views Files
Step 7: Run The Application

Download Codeigniter

First of all you need to download the latest version of Codeigniter 4.

Basic Configurations

Now, we need to setup some codeigniter basic configurations in your project as following.

//change the baseUrl
public $baseURL = 'http://localhost:8080';
To
public $baseURL = 'http://localhost/your_project_name/';
//remove the index.php from indexPage
public $indexPage = '';
//change the uriProtocol
public $uriProtocol = 'REQUEST_URI';
To
public $uriProtocol = 'PATH_INFO';

//change the baseUrl

public $baseURL = 'http://localhost:8080';

public $baseURL = 'http://localhost/your_project_name/';

//remove the index.php from indexPage

public $indexPage = '';

//change the uriProtocol

public $uriProtocol = 'REQUEST_URI';

public $uriProtocol = 'PATH_INFO';

Create a Database in table

Now you need to create some database tables in your codeigniter application database. Please use the following sql query to create database tables.

CREATE TABLE IF NOT EXISTS `students` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `first_name` varchar(64) NOT NULL,
  `last_name` varchar(64) NOT NULL,
  `address` text NOT NULL,
  `email` varchar(64) NOT NULL,
  `mobile` varchar(12) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1;

INSERT INTO `students` (`id`, `first_name`, `last_name`, `address`, `email`, `mobile`) VALUES
(1, 'john', 'doe', 'USA', 'jd@gmail.com', '787878787'),
(2, 'kal', 'mark', 'CANADA', 'km@gmail.com', '7887878787'),
(3, 'James', 'Mary', 'USA', 'jm@gmail.com', '4364373434'),
(4, 'William', 'Elizabeth', 'USA', 'we@gmail.com', '7878787'),
(5, 'Matthew', 'Betty', 'USA', 'mb@gmail.com', '898989'),
(6, 'Anthony', 'Margaret', 'INDIA', 'am@gmail.com', '8989898989'),
(7, 'Donald', 'Ashley', 'CANADA', 'da@gmail.com', '3343434345'),
(8, 'Kevin', 'Carol', 'USA', 'kc@gmail.com', '2223334445');

CREATE TABLE IF NOT EXISTS `students` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`first_name` varchar(64) NOT NULL,

`last_name` varchar(64) NOT NULL,

`address` text NOT NULL,

`email` varchar(64) NOT NULL,

`mobile` varchar(12) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1;

INSERT INTO `students` (`id`, `first_name`, `last_name`, `address`, `email`, `mobile`) VALUES

(1, 'john', 'doe', 'USA', 'jd@gmail.com', '787878787'),

(2, 'kal', 'mark', 'CANADA', 'km@gmail.com', '7887878787'),

(3, 'James', 'Mary', 'USA', 'jm@gmail.com', '4364373434'),

(4, 'William', 'Elizabeth', 'USA', 'we@gmail.com', '7878787'),

(5, 'Matthew', 'Betty', 'USA', 'mb@gmail.com', '898989'),

(6, 'Anthony', 'Margaret', 'INDIA', 'am@gmail.com', '8989898989'),

(7, 'Donald', 'Ashley', 'CANADA', 'da@gmail.com', '3343434345'),

(8, 'Kevin', 'Carol', 'USA', 'kc@gmail.com', '2223334445');

Connect to Database

Now, lets create a MySQL database and connect it with codeigniter application. After creating database we need to set database credential in application’s app/Config/Database.php file.

app/Config/Database.php

	public $default = [
		'DSN'      => '',
		'hostname' => 'localhost',
		'username' => 'root',
		'password' => '',
		'database' => 'codeigniter4_pagination',
		'DBDriver' => 'MySQLi',
		'DBPrefix' => '',
		'pConnect' => false,
		'DBDebug'  => (ENVIRONMENT !== 'production'),
		'cacheOn'  => false,
		'cacheDir' => '',
		'charset'  => 'utf8',
		'DBCollat' => 'utf8_general_ci',
		'swapPre'  => '',
		'encrypt'  => false,
		'compress' => false,
		'strictOn' => false,
		'failover' => [],
		'port'     => 3306,
	];

public $default = [

'DSN' => '',

'hostname' => 'localhost',

'username' => 'root',

'password' => '',

'database' => 'codeigniter4_pagination',

'DBDriver' => 'MySQLi',

'DBPrefix' => '',

'pConnect' => false,

'DBDebug' => (ENVIRONMENT !== 'production'),

'cacheOn' => false,

'cacheDir' => '',

'charset' => 'utf8',

'DBCollat' => 'utf8_general_ci',

'swapPre' => '',

'encrypt' => false,

'compress' => false,

'strictOn' => false,

'failover' => [],

'port' => 3306,

];

Create Controller and Model
In this step we will create a “Student.php” controller file and the “StudentModel.php” model file. Please paste the below code in corresponding file.

<?php 

namespace App\Controllers;
 
use CodeIgniter\Controller;
use App\Models\StudentModel;
 
class Student extends Controller
{
 
	public function __construct()
    {
         helper(['form', 'url']);
    }
    public function index()
    {   
        return view('list');
    }
	
    function ajaxSearch(){
	$model = new StudentModel();
        $query=$model->like('first_name',$_REQUEST['query'])
          ->select('id, first_name')
          ->limit(10)->get();
	$data_result = $query->getResult();	
	$data = array();		
	foreach ($data_result as $row)
	{
	  $data[] = $row->first_name;
	}		
        echo json_encode($data);
    }  
 
}

?>

<?php

namespace App\Controllers;

use CodeIgniter\Controller;

use App\Models\StudentModel;

class Student extends Controller

{

public function __construct()

{

helper(['form', 'url']);

}

public function index()

{

return view('list');

}

function ajaxSearch(){

$model = new StudentModel();

$query=$model->like('first_name',$_REQUEST['query'])

->select('id, first_name')

->limit(10)->get();

$data_result = $query->getResult();

$data = array();

foreach ($data_result as $row)

{

$data[] = $row->first_name;

}

echo json_encode($data);

}

app/Models/StudentModel.php

<?php 
namespace App\Models;
use CodeIgniter\Database\ConnectionInterface;
use CodeIgniter\Model;
 
class StudentModel extends Model
{
    protected $table = 'Students';
 
    protected $allowedFields = ['first_name','last_name','address','email', 'mobile'];
}
?>

<?php

namespace App\Models;

use CodeIgniter\Database\ConnectionInterface;

use CodeIgniter\Model;

class StudentModel extends Model

{

protected $table = 'Students';

protected $allowedFields = ['first_name','last_name','address','email', 'mobile'];

}

Create Views Files

Lets create a list.php file in app/views

app/views/list.php

<html lang="en">
<head>
    <title>Codeigniter 4 Autocomplete Textbox using Typeahead JS -</title>  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" />
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script> 
</head>
<body>
 
 
<div class="container">
    <h1>Codeigniter 4 Autocomplete Textbox using Typeahead JS</h1>
    <input class="typeahead form-control" type="text">
</div>
 
 
<script type="text/javascript">
    $('input.typeahead').typeahead({
        source:  function (query, process) {
        return $.get('<?php echo site_url(); ?>student/ajaxSearch', { query: query }, function (data) {
                console.log(data);
                data = $.parseJSON(data);
                return process(data);
            });
        }
    });
</script>
 
 
</body>
</html>

<head>

<title>Codeigniter 4 Autocomplete Textbox using Typeahead JS -</title>

</head>

<body>

<h1>Codeigniter 4 Autocomplete Textbox using Typeahead JS</h1>

</div>

$('input.typeahead').typeahead({

source: function (query, process) {

return $.get('<?php echo site_url(); ?>student/ajaxSearch', { query: query }, function (data) {

console.log(data);

data = $.parseJSON(data);

return process(data);

});

}

});

</script>

</body>

</html>

Run The Application

Now we are ready to run our example so lets start the development server using following artisan command –

php spark serve

1	php spark serve

Now, open the following URL in browser to see the output –

http://localhost:8080/student

1	http://localhost:8080/student

Codeigniter Multiple Files Upload Example

In this Codeigniter Multiple Files Upload Example, I’ll show you how to upload multiple image file in codeigniter. In this codeigniter multiple image upload example, I’ll show you how to validate and upload multiple image file into folder and then save it into database. In this tutorial before saving multiple image into database we will validate image and then save it into directory. Before uploading the image we will validate the image. After successfully uploading multiple images into the folder and saving it in database we will display success message on the screen.

Codeigniter Multiple Files Upload Example

In this step by step tutorial I’ll demonstrate how to upload multiple files in codeigniter with validation. Please follow the steps given below:

Step 1:Create Upload Directory
Step 2:Create The Controller
Step 3:Create The Model
Step 4:Create The View

Create Upload Directory

First of all we have to create assets/uploads/ directory.

Create The Controller

Now, we will create a Multipleimage.php controller. Open Multipleimage.php and put the following code in it.

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

class Multipleimage extends CI_Controller {

  public function __construct() {
    parent::__construct();

    $this->load->model('Image_model');
    $this->load->helper('url');
  }

  public function index(){

    if ($this->input->post('submit') && $_FILES['images']['name'] != '') {
      $data = array();

      $count_images = count($_FILES['images']['name']);
 
      for($i=0;$i<$count_images;$i++){
 
        if(!empty($_FILES['images']['name'][$i])){
		  $ext = pathinfo($_FILES['images']['name'][$i], PATHINFO_EXTENSION);
		  $name = 'image' . rand(100000, 999999) . date("Y-m-d") . '.' . $ext;	
          $_FILES['file']['name'] = $name;
          $_FILES['file']['type'] = $_FILES['images']['type'][$i];
          $_FILES['file']['tmp_name'] = $_FILES['images']['tmp_name'][$i];
          $_FILES['file']['error'] = $_FILES['images']['error'][$i];
          $_FILES['file']['size'] = $_FILES['images']['size'][$i];

          $config['upload_path'] = './assets/uploads/'; 
          $config['allowed_types'] = 'jpg|jpeg|png|gif';
          $config['max_size'] = '10000';
          $config['file_name'] = $_FILES['images']['name'][$i];
 
          $this->load->library('upload',$config); 
 
          if($this->upload->do_upload('file')){
            $uploadData = $this->upload->data();
			$arrData["image_name"] =$name;
            $this->Image_model->save_image($arrData);
          }
        }
 
      }
    }
      $this->load->view('add');
  }
}
?>

<?php

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

class Multipleimage extends CI_Controller {

public function __construct() {

parent::__construct();

$this->load->model('Image_model');

$this->load->helper('url');

}

public function index(){

if ($this->input->post('submit') && $_FILES['images']['name'] != '') {

$data = array();

$count_images = count($_FILES['images']['name']);

for($i=0;$i<$count_images;$i++){

if(!empty($_FILES['images']['name'][$i])){

$ext = pathinfo($_FILES['images']['name'][$i], PATHINFO_EXTENSION);

$name = 'image' . rand(100000, 999999) . date("Y-m-d") . '.' . $ext;

$_FILES['file']['name'] = $name;

$_FILES['file']['type'] = $_FILES['images']['type'][$i];

$_FILES['file']['tmp_name'] = $_FILES['images']['tmp_name'][$i];

$_FILES['file']['error'] = $_FILES['images']['error'][$i];

$_FILES['file']['size'] = $_FILES['images']['size'][$i];

$config['upload_path'] = './assets/uploads/';

$config['allowed_types'] = 'jpg|jpeg|png|gif';

$config['max_size'] = '10000';

$config['file_name'] = $_FILES['images']['name'][$i];

$this->load->library('upload',$config);

if($this->upload->do_upload('file')){

$uploadData = $this->upload->data();

$arrData["image_name"] =$name;

$this->Image_model->save_image($arrData);

}

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

}

Create The Model

Lets create the Image_model.php model file as following.

<?php 

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

   Class Image_model extends CI_Model
   {
       function save_image($arrData)
       {
           if ($this->db->insert('file_upload_image',$arrData)) {
               return true;
           } else {
               return flase;
           }
       }
	}
?>

<?php

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

Class Image_model extends CI_Model

{

function save_image($arrData)

{

if ($this->db->insert('file_upload_image',$arrData)) {

return true;

} else {

return flase;

}

Create The View

Now we will create the image.php view file and put the following code in it.

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Codeigniter Multiple Files Upload Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <section class="panel">
			  <header class="panel-heading col-sm-12">
				  <h1 class="col-sm-6">Codeigniter Multiple Files Upload Example</h1>
			  </header>
                <div class="container">
                  <div class="panel-body">
                      <div class="form">
                          <?php
                          $attributes = array('name' => 'frmimage', 'id' => 'frmimage', 'class' => 'imageform form-horizontal adminex-form');

                          echo form_open_multipart('',$attributes);
                          ?>
                          <div class="form-group col-sm-12 ">
                              <div class="col-lg-8 ">
                                  <input type="file" name="images[]" multiple class="form-control">
                              </div>
                          </div>
                          <div class="form-group col-sm-12">
                              <div class="col-lg-1 col-xs-offset-2">
                                  <?php
                                  $datasubmit = array(
                                      'name'        => 'submit',
                                      'id'          => 'submit',
                                      'class'		=> 'btn btn-success',
                                      'value'		=> 'File Upload'
                                  );
                                  echo form_submit($datasubmit);
                                  ?>
                              </div>
                          </div>
                      </div>
                      <?php echo form_close(); ?>
                  </div>
              </div>			
          </section>
      </div>
  </div>
</div>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Codeigniter Multiple Files Upload Example</title>

</head>

<body>

<h1 class="col-sm-6">Codeigniter Multiple Files Upload Example</h1>

</header>

<?php

$attributes = array('name' => 'frmimage', 'id' => 'frmimage', 'class' => 'imageform form-horizontal adminex-form');

echo form_open_multipart('',$attributes);

</div>

<?php

$datasubmit = array(

'name' => 'submit',

'id' => 'submit',

'class' => 'btn btn-success',

'value' => 'File Upload'

);

echo form_submit($datasubmit);

</div>

<?php echo form_close(); ?>

</div>

</section>

</div>

</body>

</html>

Multiple database connection in codeigniter

In this Multiple database connection in codeigniter tutorial I will show you how to connect multiple database in codeigniter single application. In this tutorial you will learn to use multiple database connection in codeigniter. You will also learn how to connect multiple database in single codeigniter application.

Multiple database connection in codeigniter

In this tutorial I will share following example to connect or use multiple database in codeigniter application. In this example we will be defining two arrays in application/config/database.php file as following –

application/config/database.php

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

$active_group = 'default';
$query_builder = TRUE;

// codeigniter provide default code
$db['default'] = array(
	'dsn'	=> '',
	'hostname' => 'localhost',
	'username' => '',
	'password' => '',
	'database' => '',
	'dbdriver' => 'mysqli',
	'dbprefix' => '',
	'pconnect' => FALSE,
	'db_debug' => (ENVIRONMENT !== 'production'),
	'cache_on' => FALSE,
	'cachedir' => '',
	'char_set' => 'utf8',
	'dbcollat' => 'utf8_general_ci',
	'swap_pre' => '',
	'encrypt' => FALSE,
	'compress' => FALSE,
	'stricton' => FALSE,
	'failover' => array(),
	'save_queries' => TRUE
);

// second connectivity of database
$db['second_db'] = array(
	'dsn'	=> '',
	'hostname' => 'here add second database of hostname',
	'username' => 'here add second database of username',
	'password' => 'here add second database of password',
	'database' => 'here add second database of database name',
	'dbdriver' => 'mysqli',
	'dbprefix' => '',
	'pconnect' => FALSE,
	'db_debug' => (ENVIRONMENT !== 'production'),
	'cache_on' => FALSE,
	'cachedir' => '',
	'char_set' => 'utf8',
	'dbcollat' => 'utf8_general_ci',
	'swap_pre' => '',
	'encrypt' => FALSE,
	'compress' => FALSE,
	'stricton' => FALSE,
	'failover' => array(),
	'save_queries' => TRUE
);

?>

<?php

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

$active_group = 'default';

$query_builder = TRUE;

// codeigniter provide default code

$db['default'] = array(

'dsn' => '',

'hostname' => 'localhost',

'username' => '',

'password' => '',

'database' => '',

'dbdriver' => 'mysqli',

'dbprefix' => '',

'pconnect' => FALSE,

'db_debug' => (ENVIRONMENT !== 'production'),

'cache_on' => FALSE,

'cachedir' => '',

'char_set' => 'utf8',

'dbcollat' => 'utf8_general_ci',

'swap_pre' => '',

'encrypt' => FALSE,

'compress' => FALSE,

'stricton' => FALSE,

'failover' => array(),

'save_queries' => TRUE

);

// second connectivity of database

$db['second_db'] = array(

'dsn' => '',

'hostname' => 'here add second database of hostname',

'username' => 'here add second database of username',

'password' => 'here add second database of password',

'database' => 'here add second database of database name',

'dbdriver' => 'mysqli',

'dbprefix' => '',

'pconnect' => FALSE,

'db_debug' => (ENVIRONMENT !== 'production'),

'cache_on' => FALSE,

'cachedir' => '',

'char_set' => 'utf8',

'dbcollat' => 'utf8_general_ci',

'swap_pre' => '',

'encrypt' => FALSE,

'compress' => FALSE,

'stricton' => FALSE,

'failover' => array(),

'save_queries' => TRUE

);

Now we can access different database connection as following –

//access default database
$this->load->database();
$query = $this->db->query('select * from register');

//access the second database
$second_db= $this->load->database('second_db', TRUE);
$query = $second_db->get('select * from register2');

//access default database

$this->load->database();

$query = $this->db->query('select * from register');

//access the second database

$second_db= $this->load->database('second_db', TRUE);

$query = $second_db->get('select * from register2');

how to get last inserted id in codeigniter example

In this how to get last inserted id in codeigniter example tutorial I will show you how to get last inserted id in codeigniter. In this tutorial you will learn to get last inserted id after codeigniter insert query. In this article I will share example to show you how to get last inserted record id on insert query in codeigniter.

how to get last inserted id in codeigniter example

In this step by step tutorial I will demonstrate you with example how to get last inserted id in codeigniter. Below is example to show you to get last record id from MySQL using CodeIgniter.

Example:-

public function add()
{
    $this->load->database();
	$last_record = $this->db->order_by('id',"desc")
				->limit(1)
				->get('users')
				->row();
	echo "<pre>";			
	print_r($last_record);
	echo "</pre>";
	die;
}

public function add()

{

$this->load->database();

$last_record = $this->db->order_by('id',"desc")

->limit(1)

->get('users')

->row();

echo "<pre>";

print_r($last_record);

echo "</pre>";

die;

}

Codeigniter 4 Google Autocomplete Address Search Box Tutorial

In this Codeigniter 4 Google Autocomplete Address Search Box Tutorial, I’ll show you how to integrate Address or location Autocomplete using Google Autocomplete in CodeIgniter 4. In this tutorial you will learn to implement google autocomplete in codeigniter 4.

Google Autocomplete

Google autocomplete widget is used to display suggestions for places, address and location as soon as the user starts typing in the given input box.

In this codeigniter 4 google autocomplete tutorial I’ll demonstrate you step by step process to integrate google autocomplete in codeigniter 4 project. Pleasae follow the instructions given below:

Create Codeigniter Project
CI Error Handling
Get Google Maps API Key
Connect to Database
Create Controller
Create Route
Add Autocomplete Widget in View
Run CI Application

Create Codeigniter Project

First of all we need to create a fresh codeigniter project, download and install codeigniter through composer using following command:

composer create-project codeigniter4/appstarter

1	composer create-project codeigniter4/appstarter

CI Error Handling

In this step we will change display_errors prop’s value to 1 in app/Config/Boot/production.php for error debugging,

app/Config/Boot/production.php

ini_set('display_errors', '1');

1	ini_set('display_errors', '1');

Get Google Maps API Key

Now, we need to get Google API key to enable the communication between client and Google server. Now follow the instructions given below to get Google API Key:

Visit Google Cloud Platform.
Click on the project dropdown at the top to create the project.
Click APIs & Services > Credentials.
Now, click on Create Credentials > API key.
Copy google API and store in some text file.
Now we need to enable few services, so click on Credentials > “Enable APIs and Services”, additionally enable “Maps JavaScript API” and “Places API” services.