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
Change default configuration name of Laravel's created_at and updated_at
In this post we will give you information about Change default configuration name of Laravel's created_at and updated_at. Hear we will give you detail about Change default configuration name of Laravel's created_at and updated_atAnd how to use it also give you demo for it if it is necessary.
In this Laravel PHP Tutorial, I will let you know the use of created_at and updated_at column in a database table.
By default, Eloquent automatically maintain the date time value in created_at and updated_at column on your database table. If you do not want for eloquent to maintain created_at and updated_at columns then disable it by adding following property in your model class :
- class Member extends Eloquent {
- protected $table='members';
- public $timestamps= false;
- }
class Member extends Eloquent {
protected $table = 'members';
public $timestamps = false;
}If you want to map Laravel's timestamp from created_at to created_on and updated_at to modified_on then you can override const on your model in following way :
const CREATED_AT = 'created_on'; const UPDATED_AT = 'modified_on';
Now Eloquent will take care of the column "created_on" and "modified_on" on your database table.
How to disable created_at and updated_at timestamps in Laravel Model?
Label :
PHP Laravel PHP Framework How To MVC Web DevelopmentHope this code and post will helped you for implement Change default configuration name of Laravel's created_at and updated_at. 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
<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