Codeigniter drag and drop files Multiple Images Upload

Codeigniter drag and drop files Multiple Images Upload

In this Post We Will Explain About is Codeigniter drag and drop files Multiple Images Upload With Example and Demo.

Welcome on – Examples ,The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Codeigniter Multiple drag and drop image upload example

In this post we will show you Best way to implement Codeigniter 3 Tutorial – AJAX Drag and Drop files upload, hear for How to Drag and drop file upload using DropzoneJS and CodeIgniter with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Also Read This πŸ‘‰   or condition in codeigniter - How to use multiple where condition in Codeigniter?

Step 1: Download Fresh Codeigniter 3

In First of all we will simple download new create Codeigniter 3, Please first of all Download Codeigniter 3.

Step 2: Add Route using Codeigniter


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

$route['default_controller'] = 'Live24ucom';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

$route['image-upload'] = 'liveImageCtrl';
$route['image-upload/post']['post'] = 'liveImageCtrl/myUploadData';

Step 3: Create Controller using CI


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

class liveImageCtrl extends CI_Controller {

	public function index()

	public function myUploadData()
		$config['upload_path']   = './uploads/'; 
		$config['allowed_types'] = 'gif|jpg|png'; 
		$config['max_size']      = 1024;

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

		print_r('Image Uploaded Successfully.');

Step 4: Create View Files


<!DOCTYPE html>
	<title>Codeigniter - Multiple Image upload Steps</title>
	<script src="jquery.js"></script>
	<link rel="stylesheet" href="bootstrap-3.min.css">
	<link href="min/dropzone.min.css" rel="stylesheet">
	<script src="dropzone/4.2.0/min/dropzone.min.js"></script>

<div class="container">
	<div class="row">
		<div class="col-md-12">
			<h2>Codeigniter - simple Multiple Image uploadStep by step</h2>
			<form action="/image-upload/post" enctype="multipart/form-data" class="dropzone" id="image-upload" method="POST">
					<h3>Simple upload usig CI_Controller multipart-form-data</h3>

<script type="text/javascript">

	//simple script to upload images
	Dropzone.options.imageUpload = {
        acceptedFiles: ".jpeg,.jpg,.png,.gif"


Simple run file using Codeigniter

Also Read This πŸ‘‰   jquery get checkboxes value if checked/selected

php -S localhost:8000



I hope you have Got Codeigniter Multiple drag and drop image upload example from scratch And how it works.I would Like to have FeadBack From My Blog( readers.Your Valuable FeadBack,Any Question,or any Comments abaout This Article( Are Most Always Welcome.