Import Excel file using PHPSpreadsheet Library in CodeIgniter 3 using AJAX

infovistar.com

Overview

PhpSpreadsheet is a PHP library for reading and writing spreadsheet files. Import Excel and CSV into MySQL help to save the user time and avoid repetitive work.

Software requirements

PHP version 7.2 or newer to develop using PhpSpreadsheet. Other requirements, such as PHP extensions, are enforced by the composer.

Installation

  1. Download and install CodeIgniter.
  2. Use Composer to install PhpSpreadsheet into your project: composer require phpoffice/phpspreadsheet
  3. Open application/config/config.php file and set your vendor directory path. $config['composer_autoload'] = 'vendor/autoload.php';
  4. Use phpspreadsheet the library inside your controller.

Create MySQL Database and Table

The following SQL query creates a user_info table in the MySQL database.

CREATE TABLE `client_info` (
`id` int(10) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`country_code` varchar(10) COLLATE utf8mb4_unicode_ci NOT NULL,
`mobile` varchar(100) COLLATE utf8mb4_unicode_ci NOT NULL,
`email` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`city` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`ip_address` varchar(100) COLLATE utf8mb4_unicode_ci NOT NULL,
`created_at` datetime NOT NULL,
`updated_at` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
`status` int(10) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

Create Routes

Open application/config/routes.php file and add the following lines.

<?php 

$route['user/import'] = 'Upload/import';

?>

Create Model

Create a model file named User_model.php inside the application/models folder.

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

class User_model extends CI_Model {

public function __construct() {
parent::__construct();
$this->table = 'user_info';
}

public function add($data) {
$this->db->insert($this->table, $data);
return $this->db->insert_id();
}

public function update($where, $data) {
return $this->db->update($this->table, $data, $where);
}

public function delete($where) {
return $this->db->delete($this->table, $where);
}

public function get($where = 0) {
if($where)
$this->db->where($where);
$query = $this->db->get($this->table);
return $query->row();
}

public function get_all($where = 0, $order_by_column = 0, $order_by = 0) {
if($where)
$this->db->where($where);
if($order_by_column and $order_by)
$this->db->order_by($order_by_column, $order_by);
$query = $this->db->get($this->table);
return $query->result();
}

public function get_num_rows($where = 0) {
if($where)
$this->db->where($where);
$query = $this->db->get($this->table);
return $query->num_rows();
}

public function add_batch($data) {
return $this->db->insert_batch($this->table, $data);
}

}

Create Controller and load class

Create a controller named Upload.php and use the PHPSpreadsheet library inside the controller. See the following code for the controller.

<?php 
defined('BASEPATH') OR exit('No direct script access allowed');
date_default_timezone_set('Asia/Kolkata');
require 'vendor/autoload.php';

use PhpOffice\PhpSpreadsheet\Spreadsheet;
use PhpOffice\PhpSpreadsheet\Writer\Xlsx;

class Upload extends CI_Controller {

public function __construct() {
parent::__construct();
// Load Model
$this->load->model('User_model', 'user');
$this->ip_address = $_SERVER['REMOTE_ADDR'];
$this->datetime = date("Y-m-d H:i:s");
}

public function index() {
$this->load->view("index");
}

public function display() {
$data = [];
$data ["result"] = $this->user->get_all();
$this->load->view("index");
}

public function import() {
$path = 'documents/users/';
$json = [];
$this->upload_config($path);
if (!$this->upload->do_upload('file')) {
$json = [
'error_message' => showErrorMessage($this->upload->display_errors()),
];
} else {
$file_data = $this->upload->data();
$file_name = $path.$file_data['file_name'];
$arr_file = explode('.', $file_name);
$extension = end($arr_file);
if('csv' == $extension) {
$reader = new \PhpOffice\PhpSpreadsheet\Reader\Csv();
} else {
$reader = new \PhpOffice\PhpSpreadsheet\Reader\Xlsx();
}
$spreadsheet = $reader->load($file_name);
$sheet_data = $spreadsheet->getActiveSheet()->toArray();
$list = [];
foreach($sheet_data as $key => $val) {
if($key != 0) {
$result = $this->user->get(["country_code" => $val[2], "mobile" => $val[3]]);
if($result) {
} else {
$list [] = [
'name' => $val[0],
'country_code' => $val[1],
'mobile' => $val[2],
'email' => $val[3],
'city' => $val[4],
'ip_address' => $this->ip_address,
'created_at' => $this->datetime,
'status' => "1",
];
}
}
}
if(file_exists($file_name))
unlink($file_name);
if(count($list) > 0) {
$result = $this->user->add_batch($list);
if($result) {
$json = [
'success_message' => showSuccessMessage("All Entries are imported successfully."),
];
} else {
$json = [
'error_message' => showErrorMessage("Something went wrong. Please try again.")
];
}
} else {
$json = [
'error_message' => showErrorMessage("No new record is found."),
];
}
}
echo json_encode($json);
}

public function upload_config($path) {
if (!is_dir($path))
mkdir($path, 0777, TRUE);
$config['upload_path'] = './'.$path;
$config['allowed_types'] = 'csv|CSV|xlsx|XLSX|xls|XLS';
$config['max_filename'] = '255';
$config['encrypt_name'] = TRUE;
$config['max_size'] = 4096;
$this->load->library('upload', $config);
}
}

Create View

Create a view named index.php inside the application/views directory. See the following code for the view file.

<section class="content">
<div class="card">
<div class="card-header">
<h3 class="card-title">Upload</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse"> <i class="fas fa-minus"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove"> <i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body">
<form id="form-upload-user" method="post" autocomplete="off">
<div class="sub-result"></div>
<div class="form-group">
<label class="control-label">Choose File <small class="text-danger">*</small></label>
<input type="file" class="form-control form-control-sm" id="file" name="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" required>
<small class="text-danger">Upload excel or csv file only.</small>
</div>
<div class="form-group">
<div class="text-center">
<div class="user-loader" style="display: none; ">
<i class="fa fa-spinner fa-spin"></i> <small>Please wait ...</small>
</div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-sm waves-effect waves-light" id="btnUpload">Upload</button>
</div>
</form>
</div>
</div>
</section>
<!-- /.content -->

<script>
$(document).ready(function() {
$("body").on("submit", "#form-upload-user", function(e) {
e.preventDefault();
var data = new FormData(this);
$.ajax({
type: 'POST',
url: "<?php echo base_url('user/import') ?>",
data: data,
dataType: 'json',
contentType: false,
cache: false,
processData:false,
beforeSend: function() {
$("#btnUpload").prop('disabled', true);
$(".user-loader").show();
},
success: function(result) {
$("#btnUpload").prop('disabled', false);
if($.isEmptyObject(result.error_message)) {
$(".result").html(result.success_message);
} else {
$(".sub-result").html(result.error_message);
}
$(".user-loader").hide();
}
});
});
});
</script>

Create View

Create a view named display.php inside the application/views directory. See the following code for the view file.

<section class="content">
<div class="card">
<div class="card-header">
<h3 class="card-title">Dipslay</h3>
<div class="card-tools">
</div>
</div>
<div class="card-body">
<table class="table table-sm table-bordered table-striped table-hover" width="100%">
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Mobile</th>
<th>Email</th>
<th>City</th>
</tr>
</thead>
<tbody>
<?php
$i = 0;
foreach($result as $row) {
?>
<tr>
<td><?php ++$i; ?></td>
<td><?php echo $row->name; ?></td>
<td><?php echo $row->country_code.$row->mobile; ?></td>
<td><?php echo $row->email; ?></td>
<td><?php echo $row->city; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</section>

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Junaid S. Shaikh

Junaid S. Shaikh

I am a passionate software developer, blogger, writer, and entrepreneur.