file upload with resize image using codeigniter – onlinecode
In this post we will give you information about file upload with resize image using codeigniter – onlinecode. Hear we will give you detail about file upload with resize image using codeigniter – onlinecodeAnd how to use it also give you demo for it if it is necessary.
In this tutorial, we are going to how to generate a thumb image or resize an image using Codeigniter. Codeigniter is a PHP framework and it provides image library such as resize, rotate, crop and watermark. you can keep validation on image upload like as size and file type.
Here, we will use the GD2 library for the resize image using Codeigniter.
Creating a Project Directory
First, we have to need the 7.2+ PHP version and Apache 2.4 . after the download latest version of CodeIgniter and set up the project on the htdocs root directory. we will also create “assets/upload/product” and “assets/upload/product/thumb” directory on the project directory for the file upload.
Autoload Configuration
we will use the database, file upload, file validation, HTML in this project application. so we will configuration in the autoload.php. see below some load helpers and library in the autoload.php
$autoload['helper'] = array('html','url', 'file');
$autoload['libraries'] = array('database','form_validation');Creating Controller Class
we will create the Resizeimage.php file in the “application/controllers” directory. first we will load the comman_model model in the constructor and after then we will crate index() and add() method.
When you the call index() method then it loads the view file and after submit the form then call the add() method.
simply we use below library load in the add() method for the file upload.
$this->load->library('upload', $config);but, if you want to need to resize image then load the below library in the add() method.
$this->load->library('image_lib',$config);
$this->image_lib->resize();so. you can see below source code for resizing image.
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Resizeimage extends CI_Controller {
function __construct()
{
parent::__construct();
$this->load->model('common_model');
}
public function index()
{
$arrData['middle'] = 'product/add';
$this->load->view('template',$arrData);
}
/**
* add
*
* This help to add slider
*
* @author Nilesh dabhi
* @access public
* @return void
*/
public function add()
{
if(isset($_POST['btnProduct']))
{
if ($_FILES['productImage']['name'] != '')
{
//echo "dfdf"; die;
//$config['upload_path'] = $_SERVER['DOCUMENT_ROOT'].'/assets/upload/product/';
$config['upload_path'] = './assets/upload/product/';
$config['allowed_types'] = 'gif|jpg|png|jpeg';
$config['max_size'] = '10240';
$ext = pathinfo($_FILES['productImage']['name'], PATHINFO_EXTENSION);
$image = 'onlinecode' . '_' . rand(10000, 100000) . '.' . $ext;
$config['file_name'] = $image;
$this->load->library('upload', $config);
if (!$this->upload->do_upload('productImage'))
{
// case - failure
$upload_error = array('error' => $this->upload->display_errors());
print_r($upload_error); die;
}
else
{
$inData["product_image"] = $this->upload->file_name;
$data = $this->upload->data();
$upload_data = $this->upload->data();
$config = array(
'source_image' => $data['full_path'], //get original image
'new_image' => $data['file_path'].'thumb', //save as new image //need to create thumbs first
'maintain_ratio' => true,
'width' => 150
);
//print_r($config); die;
$this->load->library('image_lib',$config); //load library
$this->image_lib->resize(); //do whatever specified in config
}//end do-upload condition
}//end productImage empty condition
$inData["product_title"] = $_POST['txtProductTitle'];
$inData["product_created"] = date('Y-m-d H:i:s');
$insertFlag = $this->common_model->insert('product',$inData);
if($insertFlag)
{
$this->session->set_flashdata('success', 'Prodcut Added Successfully !!');
redirect('resizeimage');
}
else
{
$this->session->set_flashdata('error', 'Failed to Add Product !!');
redirect('product/add');
}
}
$arrData['middle'] = 'product/add';
$this->load->view('template', $arrData);
}
}Creating Model
here, we will create a common_modal.php in the application/models/common_modal.php.
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Common_model extends CI_Model
{
public function __construct()
{
$this->load->database('default');
// Call the Model constructor
parent::__construct();
}
public function insert($table,$arrData)
{
if ($this->db->insert($table, $arrData))
{
return true;
} else
{
return false;
}
}
}
?>Creating View Files
here, first, we will create the template.php file in the “application/views/” directory and add bootstrap in that file.
After then we will create an add.php file in the “application/views/product” directory, make the form with a file field and that file we pass as the middle for the template file.
template.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Codeigniter file upload with resize image</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="//assets/front/images/expertxp_icon.ico">
<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.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />
</head>
<body>
<div >
<div >
<div >
<?php
if ($this->session->flashdata('success')){
?>
<div >
<!-- a title="Hide Notification" href="#">x</a -->
<a href="#" data-dismiss="alert" aria-label="close">×</a>
<h4>Success</h4>
<?php echo $this->session->flashdata('success') ?></p>
</div>
<?php
}
?>
<?php
if ($this->session->flashdata('error')){
?>
<div >
<!-- a title="Hide Notification" href="#">x</a -->
<a href="#" data-dismiss="alert" aria-label="close">×</a>
<h4>Error</h4>
<?php echo $this->session->flashdata('error') ?></p>
</div>
<?php
}
?>
</div>
</div>
<?php $this->load->view($middle);?>
</div>
</body>
</html>add.php
<div style="margin-bottom:10px;">
<div ><h2>codeigniter file upload with resize image</h2></div>
</div>
<form method="post" name="frmAdd" action="<?php echo base_url('resizeimage/add'); ?>" enctype="multipart/form-data">
<div >
<label for="txtProductTitle">Product Title:</label>
<input type="text" name="txtProductTitle" required id="txtProductTitle">
</div>
<div >
<label for="productImage">Product Image:</label>
<input type="file" required name="productImage" id="productImage" accept="image/*">
</div>
<input type="submit" name="btnProduct" value="Add"/>
</form>Configuring Route
We will change the default controller as Resizeimage in the application/config/routes.php
$route['default_controller'] = 'resizeimage';
You can download our source code
Hope this code and post will helped you for implement file upload with resize image using codeigniter – onlinecode. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs