How To Upload Image And File In CodeIgniter With Example?
In this post, we will learn how to upload images in Codeigniter. all most back-end projects for like user profile images uploads, product image upload, etc.
So in this tutorial, I am going to share with you a small example of image upload in Codeigniter. So you can simply identify how to upload image in Codeigniter, we can simply use validation for mime type, file max size, etc. In this tutorial, I will use "upload" library of Codeigniter. Codeigniter provides a pre-define upload library that way we can simply use it with image upload or file upload. In this tutorial, I also use "form" helper and "url" helper.
So, let's follow a few bellow steps to make an image uploading example.
We will download a fresh version of Codeigniter 4, so if you haven't download yet then download from here: Download Codeigniter 3.
In this step, you have to add some routes in your route file. So first we will create a route for image uploading example.so put the bellow content in route 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/post'] = "ImageUpload/Imageupload";
?>
we have to create "ImageUpload" controller with uploadImage(). so create file in this path application/controllers/ImageUpload.php and put bellow code in this file:
application/controllers/ImageUpload.php
<?php
class ImageUpload extends CI_Controller {
/**
* Manage __construct
*
* @return Response
*/
public function __construct() {
parent::__construct();
$this->load->helper(array('form', 'url'));
}
/**
* Manage index
*
* @return Response
*/
public function index() {
$this->load->view('imageUploadForm', array('error' => '' ));
}
/**
* Manage uploadImage
*
* @return Response
*/
public function uploadImage() {
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = 1024;
$this->load->library('upload', $config);
if ( ! $this->upload->do_upload('image')) {
$error = array('error' => $this->upload->display_errors());
$this->load->view('imageUploadForm', $error);
}else {
print_r('Image Uploaded Successfully.');
exit;
}
}
}
?>
we will create imageUploadForm.php view file. In this file we will write design of HTML form.
application/views/imageUploadForm.php
<!DOCTYPE html>
<html>
<head>
<title>Image upload in codeigniter</title>
</head>
<body>
<?php echo $error;?>
<form method="post" enctype="multipart/form-data" action="<?php echo base_url();?>image-upload/post">
<input type="file" name="image" size="20" />
<input type="submit" value="upload" />
</form>
</body>
</html>
Then We have to create "uploads" folder on your root directory before run example.
Now you can open bellow URL on your browser:
http://localhost:8000/image-upload
Make Sure, First you have to set base URL on your bellow configuration file :
application/config/config.php
$config['base_url'] = 'http://localhost:8000/';
I hope it can help you...
very detailed and informative article