Tutorial Codeigniter Part 16, Cara Membuat Fitur Upload dengan Blob di Codeigniter

February 16, 2020August 7, 2020 Aris Samsudin 4 Comments

Selamat datang di warungbelajar, dalam tutorial kali ini kita masih belajar di seri tutorial codeigniter, kali ini kita akan membahas bagaimana membuat fitur upload file, dan disimpan kedalam bentuk blob di codeigniter.

Pada tutorial sebelumnya kita sudah membahas beberapa tutorial cara mengupload file di codeigniter :

Cara membuat fitur upload dan download

Cara membuat fitur multiple upload

Nah kali ini sedikit berbeda karena kita akan belajar membuat fitur upload, tetapi hasil uploadnya tidak disimpan didalam folder penyimpanan di direktori webnya, tetapi file yang diupload akan disimpan di dalam bentuk blob di database.

Blob sendiri adalah singkatan dari Binary large object, dimana salah satu jenis tipe data di database yang memungkinkan teman – teman untuk menyimpan file dalam bentuk data biner, sehingga secara fisik file hasil upload tidak terdapat di dalam direktori web, tetapi akan dikonversi menjadi biner dan disimpan didalam database.

baik kita akan mulai, langkah – langkahnya adalah sebagai berikut :

Persiapan Project

Kita buat project codeigniter terlebih dahulu… dalam contoh ini folder projectnya kita beri nama uploadblob, untuk proses instalasi dari codeigniter, bisa anda lihat di tutorial kita sebelumnya : Cara Menginstall Framework Codeigniter

Buat Database

Karena nantinya kita akan membuat fitur upload, dimana informasi berkasnya akan kita simpan didatabase, sehingga kita perlu membuat databasenya.. dalam contoh ini kita buat databasenya dengan nama upload_blob.

dalam database itu kita buat sebuah tabel dengan nama tb_berkas, dimana kolomnya adalah sebagai berikut :

kd_berkas (int) – Primary Key – Auto Increment
nama_berkas (varchar 255)
berkas (blob)
keterangan_berkas (varchar 255)
tipe_berkas (varchar 100)
ukuran_berkas (float)

Untuk memudahkan teman – teman, bisa menggunakan code SQL dibawah ini :

-- phpMyAdmin SQL Dump
-- version 4.9.0.1
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Waktu pembuatan: 16 Feb 2020 pada 13.17
-- Versi server: 10.4.6-MariaDB
-- Versi PHP: 7.3.9

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `upload_blob`
--
CREATE DATABASE IF NOT EXISTS `upload_blob` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;
USE `upload_blob`;

-- --------------------------------------------------------

--
-- Struktur dari tabel `tb_berkas`
--

CREATE TABLE `tb_berkas` (
  `kd_berkas` int(11) NOT NULL,
  `berkas` blob NOT NULL,
  `keterangan_berkas` varchar(255) NOT NULL,
  `tipe_berkas` varchar(100) NOT NULL,
  `ukuran_berkas` float NOT NULL,
  `nama_berkas` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Indexes for dumped tables
--

--
-- Indeks untuk tabel `tb_berkas`
--
ALTER TABLE `tb_berkas`
  ADD PRIMARY KEY (`kd_berkas`);

--
-- AUTO_INCREMENT untuk tabel yang dibuang
--

--
-- AUTO_INCREMENT untuk tabel `tb_berkas`
--
ALTER TABLE `tb_berkas`
  MODIFY `kd_berkas` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7;
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

-- phpMyAdmin SQL Dump

-- version 4.9.0.1

-- https://www.phpmyadmin.net/

-- Host: 127.0.0.1

-- Waktu pembuatan: 16 Feb 2020 pada 13.17

-- Versi server: 10.4.6-MariaDB

-- Versi PHP: 7.3.9

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

SET AUTOCOMMIT = 0;

START TRANSACTION;

SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;

/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8mb4 */;

-- Database: `upload_blob`

CREATE DATABASE IF NOT EXISTS `upload_blob` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;

USE `upload_blob`;

-- --------------------------------------------------------

-- Struktur dari tabel `tb_berkas`

CREATE TABLE `tb_berkas` (

`kd_berkas` int(11) NOT NULL,

`berkas` blob NOT NULL,

`keterangan_berkas` varchar(255) NOT NULL,

`tipe_berkas` varchar(100) NOT NULL,

`ukuran_berkas` float NOT NULL,

`nama_berkas` varchar(255) DEFAULT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

-- Indexes for dumped tables

-- Indeks untuk tabel `tb_berkas`

ALTER TABLE `tb_berkas`

ADD PRIMARY KEY (`kd_berkas`);

-- AUTO_INCREMENT untuk tabel yang dibuang

-- AUTO_INCREMENT untuk tabel `tb_berkas`

ALTER TABLE `tb_berkas`

MODIFY `kd_berkas` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7;

COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;

/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;

/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Setting Database di Codeigniter

$db['default'] = array(
	'dsn'	=> '',
	'hostname' => 'localhost',
	'username' => 'root',
	'password' => '',
	'database' => 'upload_blob',
	'dbdriver' => 'mysqli',
	'dbprefix' => '',
	'pconnect' => FALSE,
	'db_debug' => (ENVIRONMENT !== 'production'),
	'cache_on' => FALSE,
	'cachedir' => '',
	'char_set' => 'utf8',
	'dbcollat' => 'utf8_general_ci',
	'swap_pre' => '',
	'encrypt' => FALSE,
	'compress' => FALSE,
	'stricton' => FALSE,
	'failover' => array(),
	'save_queries' => TRUE
);

$db['default'] = array(

'dsn' => '',

'hostname' => 'localhost',

'username' => 'root',

'password' => '',

'database' => 'upload_blob',

'dbdriver' => 'mysqli',

'dbprefix' => '',

'pconnect' => FALSE,

'db_debug' => (ENVIRONMENT !== 'production'),

'cache_on' => FALSE,

'cachedir' => '',

'char_set' => 'utf8',

'dbcollat' => 'utf8_general_ci',

'swap_pre' => '',

'encrypt' => FALSE,

'compress' => FALSE,

'stricton' => FALSE,

'failover' => array(),

'save_queries' => TRUE

);

Keterangan :

Bagian host menjadi localhost
Bagian username kita set menjadi root (setting default dari xampp)
Bagian password kita set kosong (setting default dari xampp)
Bagian database kita set dengan nama databasenya yaitu upload_blob
Bagian dbdriver kita gunakan mysqli

Load Library yang dibutuhkan

Kita akan tuliskan beberapa perintah untuk load library dan helper, silahkan bukan file application/config/autoload.php

tambahkan bagian libraries dengan library database

$autoload['libraries'] = array('database');

1	$autoload['libraries'] = array('database');

tambahkan bagian helper dengan helper url

$autoload['helper'] = array('url');

1	$autoload['helper'] = array('url');

Setting bagian base_url

Berikutnya kita harus set bagian base url, buka file application/config/config.php

kita set bagian base_url, dalam contoh ini karena project kita berada pada folder uploadblob , maka pada bagian base_url kita tuliskan seperti dibawah ini, nanti bisa teman – teman sesuaikan dengan project punya teman – teman ya.

$config['base_url'] = 'http://localhost/uploadblob';

1	$config['base_url'] = 'http://localhost/uploadblob';

Buat Folder dengan nama uploads di project codeigniter

Kita perlu membuat folder yang digunakan untuk menyimpan berkas yang diupload, dalam contoh ini kita buat folder dengan nama uploads didalam folder project codeigniternya, untuk nama folder ini bisa disesuaikan dengan yang teman – teman inginkan, jadi tidak harus uploads.

Membuat Controller Upload

Berikutnya kita buat controller dengan nama Upload.php, posisi dari controller berada pada folder application/controllers.

Dalam Controller Upload, kita buat class Upload, dan kita buat function dengan nama create.

pada function create ini kita akan load view, dengan nama form_upload.php yang akan berisi form untuk mengupload berkas.

sehingga kurang lebih seperti berikut ini isi dari file Controller Upload.php

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

class Upload extends CI_Controller {

	function create()
	{
		$this->load->view('form_upload');
	}
}

<?php

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

class Upload extends CI_Controller {

function create()

{

$this->load->view('form_upload');

}

Keterangan :

dengan perintah diatas, maka ketika function create diakses maka akan menampilkan file view dengan nama form_upload.

Buat file view form_upload.php

Berikutnya kita buat file view dengan nama form_upload.php, untuk kodenya adalah sebagai berikut :

<html>
    <head>
        <title> Belajar Upload di Codeigniter - Warung Belajar -</title>
    </head>
    <body>
        <?php 
        if(isset($error))
        {
            echo "ERROR UPLOAD : <br/>";
            print_r($error);
            echo "<hr/>";
        }
        ?>
        <form method="post" enctype="multipart/form-data" action="<?php echo base_url(); ?>index.php/upload/proses">
            <div>Berkas : </div>
        	<div><input type="file" name="berkas"></div>
            <div>Keterangan : </div>
            <div><textarea name="keterangan_berkas"></textarea></div>
            <div><input type="submit" value="Simpan"/></div>
        </form>
    </body>
</html>

<html>

<head>

<title> Belajar Upload di Codeigniter - Warung Belajar -</title>

</head>

<body>

<?php

if(isset($error))

{

echo "ERROR UPLOAD : <br/>";

print_r($error);

echo "<hr/>";

}

<form method="post" enctype="multipart/form-data" action="<?php echo base_url(); ?>index.php/upload/proses">

<div>Berkas : </div>

<div>Keterangan : </div>

</form>

</body>

</html>

Untuk Mengakses form upload, anda bisa menggunakan alamat : localhost/uploadblob/index.php/upload/create

Keterangan :

Pada Line 7 kita menggunakan function isset untuk mengecek apakah memiliki variabel $error, nah variabel $error ini nantinya akan kita dapat saat proses upload terjadi error, pada bagian validasi form upload, nanti kita akan jelaskan lebih lanjut saat pembahasan proses uploadnya.

Pada Line 10 kita menampilkan variabel $error yang berisi array dengan menggunakan perintah print_r, isi variabel $error ini nantinya akan berisi pesan error saat upload file tidak berhasil.

Pada Line 14 kita gunakan tag <form> html dengan beberapa attribute didalamnya :

kita gunakan method post.
Karena kita membuat form upload, sehingga kita perlu menuliskan enctype=”multipart/form-data”
untuk bagian action kita menuliskan value “<?php echo base_url(); ?>index.php/upload/proses” karena nantinya proses upload akan di proses pada function proses di dalam controller Upload.

Pada bagian form kita membuat 2 inputan yaitu :

inputan dengan tipe file dengan nama berkas
textarea dengan nama keterangan_berkas

Membuat Function Proses di Controller Upload

Berikutnya kita buat function proses yang digunakan untuk memproses inputan dari bagian form upload, kurang lebih codenya adalah seperti ini :

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

class Upload extends CI_Controller {

	function create()
	{
		$this->load->view('form_upload');
	}

	function proses()
	{
		$config['upload_path']          = './uploads/';
		$config['allowed_types']        = 'gif|jpg|png';
		$config['max_size']             = 100;
		$config['max_width']            = 1024;
		$config['max_height']           = 768;
		$this->load->library('upload', $config);
		if ( ! $this->upload->do_upload('berkas'))
		{
				$error = array('error' => $this->upload->display_errors());
				$this->load->view('form_upload', $error);
		}
		else
		{
			$image_data = $this->upload->data();
			$imgdata = file_get_contents($image_data['full_path']);
			$file_encode=base64_encode($imgdata);
			$data['keterangan_berkas'] = $this->input->post('keterangan_berkas');
			$data['tipe_berkas'] = $this->upload->data('file_type');
			$data['ukuran_berkas'] = $this->upload->data('file_size');
			$data['berkas'] = $file_encode;
			$data['nama_berkas'] =  $this->upload->data('file_name');
			$this->db->insert('tb_berkas',$data);
			unlink($image_data['full_path']);
			redirect('upload');
		}
	}
}

<?php

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

class Upload extends CI_Controller {

function create()

{

$this->load->view('form_upload');

}

function proses()

{

$config['upload_path'] = './uploads/';

$config['allowed_types'] = 'gif|jpg|png';

$config['max_size'] = 100;

$config['max_width'] = 1024;

$config['max_height'] = 768;

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

if ( ! $this->upload->do_upload('berkas'))

{

$error = array('error' => $this->upload->display_errors());

$this->load->view('form_upload', $error);

}

else

{

$image_data = $this->upload->data();

$imgdata = file_get_contents($image_data['full_path']);

$file_encode=base64_encode($imgdata);

$data['keterangan_berkas'] = $this->input->post('keterangan_berkas');

$data['tipe_berkas'] = $this->upload->data('file_type');

$data['ukuran_berkas'] = $this->upload->data('file_size');

$data['berkas'] = $file_encode;

$data['nama_berkas'] = $this->upload->data('file_name');

$this->db->insert('tb_berkas',$data);

unlink($image_data['full_path']);

redirect('upload');

}

Keterangan :

Untuk proses upload, kita perlu membuat konfigurasi dari bagian upload, dalam contoh ini kita gunakan variabel $config, beberapa settingannya adalah sebagai berikut :

$config['upload_path']          = './uploads/';

1	$config['upload_path'] = './uploads/';

artinya untuk folder tempat menyimpan file hasil upload adalah folder uploads, folder uploads yang sebelumnya telah kita buat

$config['allowed_types']        = 'gif|jpg|png';

1	$config['allowed_types'] = 'gif\|jpg\|png';

artinya untuk file extention yang di perbolehkan untuk diupload adalah gif, jpg,dan png

$config['max_size']             = 100;

1	$config['max_size'] = 100;

artinya maksimal ukuran file yang boleh diupload adalah 100 Kb

$config['max_width']            = 1024;

1	$config['max_width'] = 1024;

artinya untuk ukuran lebar dari file adalah 1024 px, berlaku jika kita upload file gambar

$config['max_height']           = 768;

1	$config['max_height'] = 768;

artinya untuk ukuran tinggi dari file adalah 768 px, berlaku jika kita upload file gambar

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

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

Berikutnya kita setting konfigurasi ini kedalam library upload (Line 19).

if ( ! $this->upload->do_upload('berkas'))

1	if ( ! $this->upload->do_upload('berkas'))

Line 20 kita lakukan pengecekan apakah proses upload gagal ? untuk tulisan berkas disini adalah value name , dari bagian form yang digunakan untuk upload file, jika ternyata proses upload gagal maka akan menjalankan perintah di line 21, 22

$error = array('error' => $this->upload->display_errors());

1	$error = array('error' => $this->upload->display_errors());

Line 21 kita mengisi variabel $error dengan informasi error yang terjadi saat proses upload.

$this->load->view('form_upload', $error);

1	$this->load->view('form_upload', $error);

Line 22 kita load view dengan nama form_upload, dengan mempassing variabel $error, nah variabel ini yang sudah kita bahas pada file view dengan nama form_upload pada line 10

Jika Proses upload berhasil maka akan menjalankan kode pada line 26 – 36

$image_data = $this->upload->data();
$imgdata = file_get_contents($image_data['full_path']);

1 2	$image_data = $this->upload->data(); $imgdata = file_get_contents($image_data['full_path']);

Line 26 – 27 kita mendapatkan informasi mengenai posisi file yang sebelumnya telah diupload, menggunakan perintah $image_data[‘full_path’], lalu berikutnya kita menggunakan fungsi file_get_contents untuk membaca data gambar yang diupload kedalam bentuk string, nah data tersebut disimpan pada variabel $imgdata.

$file_encode=base64_encode($imgdata);

1	$file_encode=base64_encode($imgdata);

Line 28 kita menggunakan fungsi base64_encode untuk membuat enkripsi dari data string image yang kita upload, dan hasil enkripsi itu kita simpan pada variabel $file_encode, nantinya isi dari variabel $file_encode yang akan diinsert kedalam kolom berkas dengan tipe data blob.

$data['keterangan_berkas'] = $this->input->post('keterangan_berkas');

1	$data['keterangan_berkas'] = $this->input->post('keterangan_berkas');

Line 29 kita buat array $data dengan elemen “keterangan_berkas” untuk menyimpan nilai dari bagian form keterangan_berkas

$data['tipe_berkas'] = $this->upload->data('file_type');

1	$data['tipe_berkas'] = $this->upload->data('file_type');

Line 30 kita buat array $data dengan elemen “tipe_berkas” untuk menyimpan tipe dari file yang diupload dengan perintah $this->upload->data(‘file_type’)

$data['ukuran_berkas'] = $this->upload->data('file_size');

1	$data['ukuran_berkas'] = $this->upload->data('file_size');

Line 31 kita buat array $data dengan elemen “ukuran_berkas” untuk menyimpan ukuran berkas dari file yang diupload, dengan perintah $this->upload->data(‘file_size’)

$data['berkas'] = $file_encode;

1	$data['berkas'] = $file_encode;

Line 32 kita buat array $data dengan elemen “berkas” untuk menyimpan hasil enkripsi dari file yang sudah kita upload.

$data['nama_berkas'] =  $this->upload->data('file_name');

1	$data['nama_berkas'] = $this->upload->data('file_name');

Line 33 kita buat array $data dengan elemen “nama_berkas” untuk menyimpan nama file yang kita upload

$this->db->insert('tb_berkas',$data);

1	$this->db->insert('tb_berkas',$data);

Line 34 kita tuliskan perintah $this->db->insert(‘tb_berkas’,$data) yang artinya kita insert data ke dalam tabel tb_berkas dengan data pada array $data.

unlink($image_data['full_path']);

1	unlink($image_data['full_path']);

Line 35 berikutnya kita gunakan perintah unlink untuk menghapus file hasil upload, yang masih tersimpan di folder uploads, kita gunakan variabel $image_data[‘full_path’] untuk memberikan informasi terkait file yang akan dihapus.

redirect('upload');

1	redirect('upload');

Pada Line 36 kita redirect kedalam controller upload, ketika proses insert data ke tabel tb_berkas selesai.

Menampilkan Data File yang diupload

Berikutnya masih didalam controller Upload, kita menambahkan function index, yang nantinya digunakan untuk menampilkan view dengan nama tampil_berkas, dimana dalam view ini kita akan menampilkan data dari tabel tb_berkas.

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

class Upload extends CI_Controller {

	function create()
	{
		$this->load->view('form_upload');
	}

	function proses()
	{
		$config['upload_path']          = './uploads/';
		$config['allowed_types']        = 'gif|jpg|png';
		$config['max_size']             = 100;
		$config['max_width']            = 1024;
		$config['max_height']           = 768;
		$this->load->library('upload', $config);
		if ( ! $this->upload->do_upload('berkas'))
		{
				$error = array('error' => $this->upload->display_errors());
				$this->load->view('form_upload', $error);
		}
		else
		{
			$image_data = $this->upload->data();
			$imgdata = file_get_contents($image_data['full_path']);
			$file_encode=base64_encode($imgdata);
			$data['keterangan_berkas'] = $this->input->post('keterangan_berkas');
			$data['tipe_berkas'] = $this->upload->data('file_type');
			$data['ukuran_berkas'] = $this->upload->data('file_size');
			$data['berkas'] = $file_encode;
			$data['nama_berkas'] =  $this->upload->data('file_name');
			$this->db->insert('tb_berkas',$data);
			unlink($image_data['full_path']);
			redirect('upload');
		}
	}

	public function index()
	{
		$data['berkas'] = $this->db->get('tb_berkas');
		$this->load->view('tampil_berkas',$data);
	}

}

<?php

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

class Upload extends CI_Controller {

function create()

{

$this->load->view('form_upload');

}

function proses()

{

$config['upload_path'] = './uploads/';

$config['allowed_types'] = 'gif|jpg|png';

$config['max_size'] = 100;

$config['max_width'] = 1024;

$config['max_height'] = 768;

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

if ( ! $this->upload->do_upload('berkas'))

{

$error = array('error' => $this->upload->display_errors());

$this->load->view('form_upload', $error);

}

else

{

$image_data = $this->upload->data();

$imgdata = file_get_contents($image_data['full_path']);

$file_encode=base64_encode($imgdata);

$data['keterangan_berkas'] = $this->input->post('keterangan_berkas');

$data['tipe_berkas'] = $this->upload->data('file_type');

$data['ukuran_berkas'] = $this->upload->data('file_size');

$data['berkas'] = $file_encode;

$data['nama_berkas'] = $this->upload->data('file_name');

$this->db->insert('tb_berkas',$data);

unlink($image_data['full_path']);

redirect('upload');

}

public function index()

{

$data['berkas'] = $this->db->get('tb_berkas');

$this->load->view('tampil_berkas',$data);

}

Jadi kurang lebih untuk controller Upload seperti gambar diatas, kita menambahkan function index dari line 36 – 40.

public function index()
	{
		$data['berkas'] = $this->db->get('tb_berkas');
		$this->load->view('tampil_berkas',$data);
	}

public function index()

{

$data['berkas'] = $this->db->get('tb_berkas');

$this->load->view('tampil_berkas',$data);

}

Keterangan :

Line 3 kita buat array variabel $data, dengan elemen berkas dimana kita akan mengisikan data record dari tabel tb_berkas.

Line 4 kita load view dengan nama tampil_berkas dengan passing data variabel $data, yang berisi data dari tabel tb_berkas.

Buat View dengan tampil_berkas

Berikutnya kita buat view dengan nama tampil_berkas, untuk codenya adalah seperti berikut :

<html>
    <head>
        <title></title>
    </head>
    <body>
        <h3><center>Tampil Berkas</center></h3>
        <hr/>
        <a href="<?php echo base_url(); ?>index.php/upload/create">Tambah Berkas</a>
        <hr/>
        <table border="1" width="75%" style="text-align:center;">
            <tr>
                <th>No</th>
                <th>Image</th>
                <th>Keterangan</th>
            </tr>
            <?php 
                $no = 1;
                foreach($berkas->result() as $row)
                {
                    ?>
                    <tr>
                        <td><?php echo $no++; ?></td>
                        <td><img src="data:<?php echo $row->tipe_berkas; ?>;base64,<?php echo $row->berkas; ?>" width="75"></td>
                        <td><?php echo $row->keterangan_berkas; ?></td>
                    </tr>
                    <?php
                }
            ?>
        </table>
    </body>
</html>

<html>

<head>

</head>

<body>

<h3><center>Tampil Berkas</center></h3>

<hr/>

<a href="<?php echo base_url(); ?>index.php/upload/create">Tambah Berkas</a>

<hr/>

<tr>

<th>Image</th>

<th>Keterangan</th>

</tr>

<?php

$no = 1;

foreach($berkas->result() as $row)

{

<tr>

<td><img src="data:<?php echo $row->tipe_berkas; ?>;base64,<?php echo $row->berkas; ?>" width="75"></td>

<td><?php echo $row->keterangan_berkas; ?></td>

</tr>

<?php

}

</table>

</body>

</html>

Untuk Mengakses Halaman ini anda bisa menggunakan alamat : localhost/uploadblob/index.php/upload

Keterangan :

<a href="<?php echo base_url(); ?>index.php/upload/create">Tambah Berkas</a>

1	<a href="<?php echo base_url(); ?>index.php/upload/create">Tambah Berkas</a>

Line 8 kita buat link untuk mengakses function create pada controller upload.

foreach($berkas->result() as $row)

1	foreach($berkas->result() as $row)

Line 18 kita buat perulangan untuk extract data dari variabel $berkas yang telah berisi data dari tabel tb_berkas, dan setiap perulangannya diwakili dengan variabel $row.

<?php echo $no++; ?>

1	<?php echo $no++; ?>

Line 22 kita buat perintah untuk memberikan nomor pada datanya

<img src="data:<?php echo $row->tipe_berkas; ?>;base64,<?php echo $row->berkas; ?>" width="75">

1	<img src="data:<?php echo $row->tipe_berkas; ?>;base64,<?php echo $row->berkas; ?>" width="75">

Line 23 kita tampilankan gambar dengan tag <img> di HTML, untuk attribute src untuk bagian value agak sedikit berbeda, karena kita menampilkan gambar dari bagian blob, kita menuliskan tipe data dengan perintah $row->tipe_berkas untuk mengambil data pada kolom tipe_berkas, lalu kita tuliskan base64 karena sebelumnya kita enkrip dengan menggunakan base64, lalu untuk datanya kita ambil dari kolom berkas, sehingga kita tuliskan $row->berkas.

<?php echo $row->keterangan_berkas; ?>

1	<?php echo $row->keterangan_berkas; ?>

Line 24 kita gunakan untuk menampilkan keterangan atas berkas, mengambil nilai dari kolom keterangan_berkas, pada tabel tb_berkas

Baik sekian dulu teman – teman pembahasan cara membuat fitur upload dengan blob di framework codeigniter, jika ada yang ingin didiskusikan silahkan di kolom komentar.

Untuk teman teman yang ingin download source hasil belajar bisa klik disini : Source Code

ANDA INGIN SERIUS BELAJAR FRAMEWORK CODEIGNITER ?

Seperti yang anda ketahui bahwa saat ini skill di bidang pemrograman sangatlah dibutuhkan, salah satunya adalah pemograman PHP.
Untuk anda yang ingin serius belajar pemrograman PHP, Khususnya menggunakan Framework PHP Codeigniter, Warung Belajar Memiliki Beberapa Paket Tutorial yang bisa membantu anda dalam belajar menggunakan Framework PHP Codeigniter, dari mulai step – step dasar hingga mampu membuat aplikasi berbasis web dengan menggunakan Framework PHP Codeigniter.

Paket Tutorial ini berisi video tutorial belajar pemrograman berbahasa indonesia, cocok sekali untuk anda yang sedang belajar Framework PHP Codeigniter, bahkan untuk orang awam sekalipun.

Paket Tutorial ini juga dilengkapi dengan study kasus yang akan mempermudah pemahaman anda dalam belajar pemrograman, Mari berinvestasi untuk menambah skill dalam menguasai Framework PHP Codeigniter

4 thoughts on “Tutorial Codeigniter Part 16, Cara Membuat Fitur Upload dengan Blob di Codeigniter”

heru
September 24, 2020 at 1:32 pm

ERROR UPLOAD :
The upload path does not appear to be valid.
- Aris SamsudinPost author
  September 24, 2020 at 10:44 pm
  
  coba pastikan folder posisi upload sudah sesuai mas, atau sesuaikan saja dengan source code yang kita sertakan diakhir tutorial
daniel
October 13, 2020 at 5:42 pm

bagaimana caranya membuat delete gambarnya
- Aris SamsudinPost author
  October 14, 2020 at 8:04 am
  
  tinggal delete recordnya saja otomatis data gmabar terhapus kak

Warung Belajar

Tutorial Codeigniter Part 16, Cara Membuat Fitur Upload dengan Blob di Codeigniter

Persiapan Project

Buat Database

Setting Database di Codeigniter

Load Library yang dibutuhkan

Setting bagian base_url

Buat Folder dengan nama uploads di project codeigniter

Membuat Controller Upload

Buat file view form_upload.php

Membuat Function Proses di Controller Upload

Menampilkan Data File yang diupload

Buat View dengan tampil_berkas

ANDA INGIN SERIUS BELAJAR FRAMEWORK CODEIGNITER ?

Tutorial Singkat Langsung Jago Framework Codeigniter

Tutorial Seminggu Jago Framework Codeigniter Dan Bootstrap

Tutorial Membangun Sistem Informasi Akademik Sekolah Dengan Codeigniter Dan Ajax

Tutorial Membangun Toko Online Responsive Dengan Codeigniter Dan Bootstrap

Tutorial Membangun Sistem Informasi Rumah Sakit Dengan Codeigniter MySQL Dan Ajax

Kursus Online – Pemrograman Web dan Android – Membuat Aplikasi Kasir

Related

4 thoughts on “Tutorial Codeigniter Part 16, Cara Membuat Fitur Upload dengan Blob di Codeigniter”

Leave a Reply Cancel reply

Persiapan Project

Buat Database

Setting Database di Codeigniter

Load Library yang dibutuhkan

Setting bagian base_url

Buat Folder dengan nama uploads di project codeigniter

Membuat Controller Upload

Buat file view form_upload.php

Membuat Function Proses di Controller Upload

Menampilkan Data File yang diupload

Buat View dengan tampil_berkas

ANDA INGIN SERIUS BELAJAR FRAMEWORK CODEIGNITER ?

Tutorial Singkat Langsung Jago Framework Codeigniter

Tutorial Seminggu Jago Framework Codeigniter Dan Bootstrap

Tutorial Membangun Sistem Informasi Akademik Sekolah Dengan Codeigniter Dan Ajax

Tutorial Membangun Toko Online Responsive Dengan Codeigniter Dan Bootstrap

Tutorial Membangun Sistem Informasi Rumah Sakit Dengan Codeigniter MySQL Dan Ajax

Kursus Online – Pemrograman Web dan Android – Membuat Aplikasi Kasir

Share this:

Related

You May Also Like

Tutorial Codeigniter Part 23 – Membuat Fitur Register, Login dan Logout di Codeigniter

Tutorial Codeigniter Part 8, Membuat Helper di Codeigniter

Tutorial Codeigniter Part 6, Cara Passing data dari Model ke Controller dan ditampilkan di view

4 thoughts on “Tutorial Codeigniter Part 16, Cara Membuat Fitur Upload dengan Blob di Codeigniter”

Leave a Reply Cancel reply