Tutorial PHP Part 50 – Upload dan Menampilkan Blob Image dengan PHP dan MySQL

June 19, 2019August 7, 2020 Aris Samsudin 9 Comments

Melanjutkan pembahasan dari seri tutorial PHP, di part ke 50 kita akan belajar mengenai cara membuat fitur upload dan menampilkan blob image dengan menggunakan PHP dan MySQL

Pembahasan ini masih terkait dengan tutorial kita sebelumnya Membuat Fitur Upload File dengan PHP dan MySQL

Jika dibagian tutorial tersebut anda belajar bagaimana cara membuat fitur upload file dengan PHP dan MySQL tetapi yang disimpan di database hanyalah nama filenya, jadi sebenarnya filenya tidak benar – benar diupload di database, filenya hanya dipindahkan di webserver sedangkan yang disimpan di database hanyalah nama dari filenya saja, karena itu pada kolom file/berkas hanya menggunakan tipe data varchar, karena memang yang disimpan hanya nama filenya.

Nah pada tutorial ini kita akan belajar bagaimana cara mengupload sebuah file kedalam database, bukan sebatas nama filenya saja, tetapi filenya akan benar – benar disimpan di dalam tabel database.

Nah sebelum kita memulai pembahasannya, anda harus mengenai istilah BLOB, BLOB adalah kependekan dari binary large object, jadi BLOB adalah koleksi dari data biner yang disimpan dalam sebuah entitas pada database management systems (DBMS).

Sederhananya BLOB adalah suatu cara yang digunakan untuk menyimpan file – file media seperti jpg, mp3, flv, mp4, dll, ke dalam database.

Nah setelah anda mengetahui istilah BLOB, berikutnya kita langsung memulai pembahasannya.

Membuat database

Pada tutorial ini kita contohkan menggunakan xampp, sehingga untuk membuat database kita akan menggunakan phpmyadmin sebagai toolsnya, baik langkah – langkah pembuatan databasenya adalah sebagai berikut :

1. Pastikan untuk service MySQL sudah berjalan di xampp control panel

2. Lalu silahkan akses phpmyadmin melalui alamat http://localhost/phpmyadmin, berikutnya buat databasenya, dalam contoh ini nama databasenya db_upload_blob, lalu klik tombol Buat

3. Berikutnya silahkan buat tabel yang digunakan untuk menyimpan datanya, dalam contoh ini tabelnya kita beri nama tb_gambar, untuk jumlah kolom isikan 6, lalu klik tombol kirim

Berikutnya silahkan buat kolom di tabel tb_gambar.

Keterangan :

id_gambar (integer) digunakan sebagai primary key dengan auto increment
gambar (blob) kolom in digunakan untuk menyimpan file yang diupload ke database
nama_gambar (varchar 255) kolom ini digunakan untuk menyimpan nama file yang diupload
tipe_gambar (varchar 255) digunakan untuk menyimpan tipe / format file
ukuran_gambar (integer) digunakan untuk menyimpan ukuran dari file yang diupload
keterangan (varchar 255) digunakan untuk menyimpan keterangan dari file yang diupload

setelah dibuat kolomnya, silahkan klik tombol Simpan

maka tabel tb_gambar akan terbuat, jika anda tidak inget ribet di pembuatan database serta tabel, bisa menggunakan perintah sql dibawah ini :

-- phpMyAdmin SQL Dump
-- version 4.8.4
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Waktu pembuatan: 17 Jun 2019 pada 18.16
-- Versi server: 10.1.37-MariaDB
-- Versi PHP: 7.3.0

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: `db_upload_blob`
--
CREATE DATABASE IF NOT EXISTS `db_upload_blob` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;
USE `db_upload_blob`;

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

--
-- Struktur dari tabel `tb_gambar`
--

CREATE TABLE `tb_gambar` (
  `id_gambar` int(11) NOT NULL,
  `gambar` blob NOT NULL,
  `nama_gambar` varchar(255) NOT NULL,
  `tipe_gambar` varchar(255) NOT NULL,
  `ukuran_gambar` int(11) NOT NULL,
  `keterangan` varchar(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Indexes for dumped tables
--

--
-- Indeks untuk tabel `tb_gambar`
--
ALTER TABLE `tb_gambar`
  ADD PRIMARY KEY (`id_gambar`);

--
-- AUTO_INCREMENT untuk tabel yang dibuang
--

--
-- AUTO_INCREMENT untuk tabel `tb_gambar`
--
ALTER TABLE `tb_gambar`
  MODIFY `id_gambar` int(11) NOT NULL AUTO_INCREMENT;
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.8.4

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

-- Host: 127.0.0.1

-- Waktu pembuatan: 17 Jun 2019 pada 18.16

-- Versi server: 10.1.37-MariaDB

-- Versi PHP: 7.3.0

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: `db_upload_blob`

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

USE `db_upload_blob`;

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

-- Struktur dari tabel `tb_gambar`

CREATE TABLE `tb_gambar` (

`id_gambar` int(11) NOT NULL,

`gambar` blob NOT NULL,

`nama_gambar` varchar(255) NOT NULL,

`tipe_gambar` varchar(255) NOT NULL,

`ukuran_gambar` int(11) NOT NULL,

`keterangan` varchar(255) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

-- Indexes for dumped tables

-- Indeks untuk tabel `tb_gambar`

ALTER TABLE `tb_gambar`

ADD PRIMARY KEY (`id_gambar`);

-- AUTO_INCREMENT untuk tabel yang dibuang

-- AUTO_INCREMENT untuk tabel `tb_gambar`

ALTER TABLE `tb_gambar`

MODIFY `id_gambar` int(11) NOT NULL AUTO_INCREMENT;

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 */;

Baik asumsinya anda sudah membuat databasenya,, kita lanjutkan ke step selanjutnya…

Membuat Project

Berikutnya kita akan membuat file di project ini, langkah – langkahnya adalah sebagai berikut :

1. Karena dalam contoh ini kita menggunakan xampp, maka kita harus membuat folder projectnya di dalam direktori c:/xampp/htdocs, dalam contoh ini nama foldernya adalah app_upload_blob, jadi kurang lebih posisi foldernya seperti ini :

Berikutnya buat beberapa file php antara lain :

koneksi.php
index.php
form_upload.php
image_view.php
delete_gambar.php

Kurang lebih tampilannya seperti ini :

baik kita asumsikan teman – teman sudah membuat beberapa file php tersebut, kita akan isi skrip masing – masing file php tersebut dalam pembahasan berikutnya.

Membuat koneksi ke database – koneksi.php

Langkah awal kita akan membuat koneksi ke database, silahkan buka file koneksi.php dan isikan dengan skrip seperti berikut ini :

<?php 
$host       = "localhost";
$user       = "root";
$password   = "";
$database   = "db_upload_blob";
$koneksi    = mysqli_connect($host, $user, $password, $database);
?>

<?php

$host = "localhost";

$user = "root";

$password = "";

$database = "db_upload_blob";

$koneksi = mysqli_connect($host, $user, $password, $database);

Keterangan :

Perintah diatas digunakan untuk koneksi ke database db_upload_blob yang sebelumnya telah kita buat.
$host dengan nilai “localhost” yang merupakan alamat server databasenya
$user dengan nilai “root” yang merupakan user dari databasenya
$password dengan nilai “” yang merupakan password untuk mengakses database, nilainya kosong karena default dari xampp untuk password user root adalah kosong
$database dengan nilai “db_upload_blob” yang merupakan nama dari database yang sebelumnya telah kita buat
Baris 6 adalah perintah untuk melakukan koneksi ke database, dan hasilnya disimpan di variabel $koneksi.

Membuat Halaman Form Upload – form_upload.php

Berikutnya silahkan buka file form_upload.php, dan isikan code seperti berikut ini :

<?php 
include('koneksi.php');
if(isset($_POST['tombol']))
{
    if(!isset($_FILES['gambar']['tmp_name'])){
        echo '<span style="color:red"><b><u><i>Pilih file gambar</i></u></b></span>';
    }
    else
    {
        $file_name = $_FILES['gambar']['name'];
        $file_size = $_FILES['gambar']['size'];
        $file_type = $_FILES['gambar']['type'];
        if ($file_size < 2048000 and ($file_type =='image/jpeg' or $file_type == 'image/png'))
        {
            $image   = addslashes(file_get_contents($_FILES['gambar']['tmp_name']));
            $keterangan = $_POST['keterangan'];
            mysqli_query($koneksi,"insert into tb_gambar (gambar,nama_gambar,tipe_gambar,ukuran_gambar,keterangan) values ('$image','$file_name','$file_type','$file_size','$keterangan')");
            header("location:index.php");
        }
        else
        {
            echo '<span style="color:red"><b><u><i>Ukuruan File / Tipe File Tidak Sesuai</i></u></b></span>';
        }
    }
}
?>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <form method="post" action="" enctype="multipart/form-data">
        <table>
            <tr>
                <td>Gambar</td>
                <td><input type="file" name="gambar"/></td>
            </tr>
            <tr>
                <td>Keterangan</td>
                <td><textarea name="keterangan"></textarea></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" name="tombol"/></td>
            </tr>
        </table>
        </form>
    </body>
</html>

<?php

include('koneksi.php');

if(isset($_POST['tombol']))

{

if(!isset($_FILES['gambar']['tmp_name'])){

echo '<span style="color:red"><b><u><i>Pilih file gambar</i></u></b></span>';

}

else

{

$file_name = $_FILES['gambar']['name'];

$file_size = $_FILES['gambar']['size'];

$file_type = $_FILES['gambar']['type'];

if ($file_size < 2048000 and ($file_type =='image/jpeg' or $file_type == 'image/png'))

{

$image = addslashes(file_get_contents($_FILES['gambar']['tmp_name']));

$keterangan = $_POST['keterangan'];

mysqli_query($koneksi,"insert into tb_gambar (gambar,nama_gambar,tipe_gambar,ukuran_gambar,keterangan) values ('$image','$file_name','$file_type','$file_size','$keterangan')");

header("location:index.php");

}

else

{

echo '<span style="color:red"><b><u><i>Ukuruan File / Tipe File Tidak Sesuai</i></u></b></span>';

}

<html>

<head>

</head>

<body>

<table>

<tr>

<td>Gambar</td>

</tr>

<tr>

<td>Keterangan</td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Untuk mengakses halaman form upload, anda bisa mengakses di alamat : http://localhost/app_upload_blob/form_upload.php

Tampilannya kurang lebih seperti berikut ini :

Keterangan :

Baris 32 (form_upload.php) kita membuat tag <form> dengan menggunakan method post, dan kita tambahkan attribute enctype dengan value “multipart/form-data”, dan dibagian attribute action kita benilai nilai kosong, karena pemrosesan form kita akan lakukan di file form_upload.php ini sendiri
Baris 36 (form_upload.php) kita membuat inputan dengan type file dengan attribute name “gambar”
Baris 40 (form_upload.php) kita membuat textarea dengan attribute name “keterangan”
Baris 44 (form_upload.php) kita membuat tombol dengan attribute name “tombol”.

Mencoba upload file gambar

Berikutnya kita akan coba untuk mengupload sebuah gambar dengan mengggunakan form yang telah kita buat, kurang lebih tampilannya seperti ini :

Gambar dan keterangan bisa disesuaikan dengan gambar yang dimiliki teman – teman, lalu silahkan tombol Submit.

Setelah berhasil upload, langkah berikutnya kita akan cek databasenya, gunakan phpmyadmin.

Silahkan phpmyadmin dengan menggunakan alamat localhost/phpmyadmin dan pilih databasenya dalam hal ini adalah db_upload_blob, lalu silahkan klik tabel tb_gambar, kurang lebih tampilannya seperti berikut ini :

Terlihat ada 1 record yang berisi data gambar yang berhasil kita upload.

Pemrosesan Form upload

Berikutnya kita akan bahas skrip untuk memproses form uploadnya, penjelasannya sebagai berikut :

include('koneksi.php');

1	include('koneksi.php');

Baris 2 (form_upload.php) kita include file koneksi.php yang sudah kita buat sebelumnya, yang berisi koneksi ke database.

if(isset($_POST['tombol']))

1	if(isset($_POST['tombol']))

Baris 3 (form_upload.php) digunakan untuk melakukan pengecekan apakah tombol submit dengan name “tombol” di klik (baris 44 – form_upload.php), jika baris 3 bernilai true maka akan menjalankan skrip pada baris 5 – 24

if(!isset($_FILES['gambar']['tmp_name'])){

1	if(!isset($_FILES['gambar']['tmp_name'])){

Baris 5 (form_upload.php) digunakan untuk melakukan pengecekan apakah file di form upload sudah dipilih atau belum, jika belum dipilih maka akan menjalankan skrip di baris 6 untuk menampilkan tulisan Pilih file gambar, jika file telah dipilih maka akan menjalankan skrip dibaris 10 – 23

$file_name = $_FILES['gambar']['name'];

1	$file_name = $_FILES['gambar']['name'];

Baris 10 (form_upload.php) digunakan untuk menangkap nama file yang diupload dan disimpan di variabel $file_name

$file_size = $_FILES['gambar']['size'];

1	$file_size = $_FILES['gambar']['size'];

Baris 11 (form_upload.php) digunakan untuk menangkap ukuran file yang diupload dan disimpan di variabel $file_size

$file_type = $_FILES['gambar']['type'];

1	$file_type = $_FILES['gambar']['type'];

Baris 12 (form_upload.php) digunakan untuk menangkap tipe file yang diupload dan disimpan di variabel $file_type

if ($file_size < 2048000 and ($file_type =='image/jpeg' or $file_type == 'image/png'))

1	if ($file_size < 2048000 and ($file_type =='image/jpeg' or $file_type == 'image/png'))

Baris 13 (form_upload.php) digunakan untuk melakukan pengecekan, apakah ukuran file (variabel $file_size) kurang dari 2 MB, dan tipe file adalah jpeg atau png ?

Jika bernilai true maka akan menjalakan baris 15 – 18, jika bernilai false maka akan menjalankan baris 22 yang akan menampilkan tulisan Ukuruan File / Tipe File Tidak Sesuai

$image   = addslashes(file_get_contents($_FILES['gambar']['tmp_name']));

1	$image = addslashes(file_get_contents($_FILES['gambar']['tmp_name']));

Baris 15 digunakan untuk mengkonversi file yang kita upload menjadi data binary dan disimpan di variabel $image, dan nantinya data ini akan dimasukkan ke dalam kolom gambar di tabel tb_gambar dimana di kolom ini menggunakan tipe blob

$keterangan = $_POST['keterangan'];

1	$keterangan = $_POST['keterangan'];

Baris 16 digunakan untuk menangkap inputan form dengan name “keterangan” dan disimpan ke dalam variabel $keterangan.

mysqli_query($koneksi,"insert into tb_gambar (gambar,nama_gambar,tipe_gambar,ukuran_gambar,keterangan) values ('$image','$file_name','$file_type','$file_size','$keterangan')");

1	mysqli_query($koneksi,"insert into tb_gambar (gambar,nama_gambar,tipe_gambar,ukuran_gambar,keterangan) values ('$image','$file_name','$file_type','$file_size','$keterangan')");

Baris 17 (upload_gambar.php) kita menunliskan perintah untuk insert data ke tabel tb_gambar, kita gunakan variabel yang telah menyimpan data hasil inputan di bagian form, untuk bagian kolom gambar yang bertipekan blob, kita gunakan value variabel $image yang berisi binary file yang diupload (baris 15 – form_upload.php).

Baris 18 (upload_gambar.php) ketika sudah berhasil insert data ke tb_gambar, berikutnya akan dilakukan redirect ke halaman index.php

Nah itu adalah fungsi dari perintah – perintah saat melakukan pemrosesan upload file ke database, berikutnya kita akan belajar untuk membuat fitur untuk menampilkan data gambar yang sudah kita upload ke database.

Membuat File image_view.php untuk menampilkan gambar dari database

Sebelum kita menampilkan data gambar dari database, kita akan membuat dulu file image_view.php dimana didalamnya akan berisi fungsi untuk menkonversi nilai di kolom gambar dengan tipe blob, menjadi sebuah image yang bisa ditampilkan di browser, silahkan buka file image_view.php dan isikan skrip dibawah ini :

<?php
include('koneksi.php');
if(isset($_GET['id_gambar'])) 
{
    $query = mysqli_query($koneksi,"select * from tb_gambar where id_gambar='".$_GET['id_gambar']."'");
    $row = mysqli_fetch_array($query);
    header("Content-type: " . $row["tipe_gambar"]);
    echo $row["gambar"];
}
else
{
    header('location:index.php');
}
?>

<?php

include('koneksi.php');

if(isset($_GET['id_gambar']))

{

$query = mysqli_query($koneksi,"select * from tb_gambar where id_gambar='".$_GET['id_gambar']."'");

$row = mysqli_fetch_array($query);

header("Content-type: " . $row["tipe_gambar"]);

echo $row["gambar"];

}

else

{

header('location:index.php');

}

Keterangan :

Baris 2 (image_view.php)digunakan untuk menginclude file koneksi.php yang berisi file koneksi ke database

if(isset($_GET['id_gambar']))

1	if(isset($_GET['id_gambar']))

Baris 3 (image_view.php) digunakan untuk melakukan pengecekan, apakah ketika mengakses file image_view.php juga menyertakan variabel id_gambar dengan method get ?

Jika ditemukan variabel id_gambar dengan method get, maka akan menjalankan skrip di baris 5 – 8, tetapi jika tidak akan menjalankan baris 12 yang akan meredirect ke halaman index.php

$query = mysqli_query($koneksi,"select * from tb_gambar where id_gambar='".$_GET['id_gambar']."'");

1	$query = mysqli_query($koneksi,"select * from tb_gambar where id_gambar='".$_GET['id_gambar']."'");

Baris 5 (image_view.php) kita mengambil data di tabel tb_gambar yang id_gambarnya sesuai dengan variabel $id_gambar, hasil record data akan disimpan di variabel $query.

$row = mysqli_fetch_array($query);

1	$row = mysqli_fetch_array($query);

Baris 6 (image_view.php) kita akan konversi datanya menjadi bentuk array menggunakan perintah mysqli_fetch_array, hasil konversinya akan disimpan di variabel $row

header("Content-type: " . $row["tipe_gambar"]);

1	header("Content-type: " . $row["tipe_gambar"]);

Baris 7 (image_view.php) kita membuat header file dengan tipe sesuai tipe file yang disimpan di database, tipe file ini diambil di kolom tipe_gambar di tabel tb_gambar, jadi semisal anda mengupload file jpeg, maka nanti file image_view akan menghasilkan file .jpg begitu juga untuk format file lainnya.

echo $row["gambar"];

1	echo $row["gambar"];

Baris 8(image_view.php) kita menampilkan data binary yang disimpan di kolom gambar di tabel tb_gambar.

Jadi kurang lebih perintah ini digunakan untuk membuat file, yang sebelumnya diupload, dengan hasil export sesuai tipe file yang diupload, kalau kita mengupload file gambar dengan tipe .jpeg, ya maka file image_view.php ini akan mengexport file jpeg juga, begitu juga untuk file – file lainnya.

Baik kita sudah membuat file image_view.php yang digunakan untuk konversi data binary di kolom gambar, menjadi sebuah file sesuai tipe file yang kita upload, berikutnya kita akan membuat file index.php yang digunakan untuk menampilkan data file yang telah diupload ke dalam bentuk list tabel.

Menampilkan data hasil upload – index.php

Untuk menampilkan daftar file kedalam bentuk daftar tabel, silahkan buka file index.php lalu isikan skrip seperti berikut :

<?php
include('koneksi.php');
$query = mysqli_query($koneksi,"SELECT * FROM tb_gambar");
?>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <a href="form_upload.php">Upload Gambar</a>
        <table border="1">
            <tr>
                <th>No</th>
                <th>Gambar</th>
                <th>Keterangan</th>
                <th>Tipe</th>
                <th>Ukuran</th>
                <th>Action</th>
            </tr>
            <?php 
            $no = 1;
            while($row = mysqli_fetch_array($query))
            {
                ?>
                <tr>
                    <td><?php echo $no++; ?></td>
                    <td><img src="image_view.php?id_gambar=<?php echo $row['id_gambar']; ?>" width="100"/></td>
                    <td><?php echo $row['keterangan']; ?></td>
                    <td><?php echo $row['tipe_gambar']; ?></td>
                    <td><?php echo $row['ukuran_gambar']; ?></td>
                    <td><a href="delete_gambar.php?id_gambar=<?php echo $row['id_gambar']; ?>">Delete</a></td>
                </tr>
                <?php
            }
            ?>
        </table>
    </body>
</html>

<?php

include('koneksi.php');

$query = mysqli_query($koneksi,"SELECT * FROM tb_gambar");

<html>

<head>

</head>

<body>

<a href="form_upload.php">Upload Gambar</a>

<tr>

<th>Gambar</th>

<th>Keterangan</th>

<th>Ukuran</th>

<th>Action</th>

</tr>

<?php

$no = 1;

while($row = mysqli_fetch_array($query))

{

<tr>

<td><img src="image_view.php?id_gambar=<?php echo $row['id_gambar']; ?>" width="100"/></td>

<td><a href="delete_gambar.php?id_gambar=<?php echo $row['id_gambar']; ?>">Delete</a></td>

</tr>

<?php

}

</table>

</body>

</html>

Untuk menjalankan silahkan mengakses dengan menggunakan alamat : http://localhost/app_upload_blob/index.php

Keterangan :

include('koneksi.php');

1	include('koneksi.php');

Baris 2 (index.php) kita include file koneksi.php yang berisi koneksi ke database db_upload_blob

$query = mysqli_query($koneksi,"SELECT * FROM tb_gambar");

1	$query = mysqli_query($koneksi,"SELECT * FROM tb_gambar");

Baris 3 (index.php) kita menuliskan query untuk mengambil data di tabel tb_gambar, dan hasil datanya disimpan di variabel $query

<a href="form_upload.php">Upload Gambar</a>

1	<a href="form_upload.php">Upload Gambar</a>

Baris 10 (index.php) kita membuat tombol untuk mengakses form upload yaitu file form_upload.php

        <table border="1">
            <tr>
                <th>No</th>
                <th>Gambar</th>
                <th>Keterangan</th>
                <th>Tipe</th>
                <th>Ukuran</th>
                <th>Action</th>
            </tr>

<tr>

<th>Gambar</th>

<th>Keterangan</th>

<th>Ukuran</th>

<th>Action</th>

</tr>

Baris 11 – 19 (index.php) kita membuat tabel dan header pada tabel

while($row = mysqli_fetch_array($query))

1	while($row = mysqli_fetch_array($query))

Baris 22 (index.php) kita melakukan extract data di variabel $query dengan menggunakan perintah while, sehingga akan melakukan perulangan sejumlah data hasil query, datanya juga akan dikonversi menjadi array dengan menggunakan perintah mysqli_fetch_array, dan disetiap record kita simpan di variabel $row.

<td><?php echo $no++; ?></td>

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

Baris 26 (index.php) digunakan untuk menampilkan nomor dimasing – masing record data

<td><img src="image_view.php?id_gambar=<?php echo $row['id_gambar']; ?>" width="100"/></td>

1	<td><img src="image_view.php?id_gambar=<?php echo $row['id_gambar']; ?>" width="100"/></td>

Baris 27 (index.php) digunakan untuk menampilkan file gambar yang ada dimasing – masing record data, terlihat pada value attribute src kita mengakses file image_view.php dan juga mengirimkan variabel id_gambar dengan method get, variabel id_gambar berisi id_gambar yang ada pada masing – masing record data, nah perintah ini akan menampilkan gambar sesuai yang telah diupload di masing – masing record data.

<td><?php echo $row['keterangan']; ?></td>

1	<td><?php echo $row['keterangan']; ?></td>

Baris 28 (index.php) digunakan untuk menampilkan keterangan di masing – masing data record

<td><?php echo $row['tipe_gambar']; ?></td>

1	<td><?php echo $row['tipe_gambar']; ?></td>

Baris 29 (index.php) digunakan untuk menampilkan tipe gambar di masing – masing data record

<td><?php echo $row['ukuran_gambar']; ?></td>

1	<td><?php echo $row['ukuran_gambar']; ?></td>

Baris 30 (index.php) digunakan untuk menampilkan ukuran gambar di masing – masing data record

<td><a href="delete_gambar.php?id_gambar=<?php echo $row['id_gambar']; ?>">Delete</a></td>

1	<td><a href="delete_gambar.php?id_gambar=<?php echo $row['id_gambar']; ?>">Delete</a></td>

Baris 31 digunakan untuk menampilkan tombol delete yang akan mengakses file delete_gambar.php dan mengirimkan variabel $id_gambar dengan method get, dimana variabel id_gambar akan berisi id_gambar di masing – masing record data.

Membuat fitur delete data – delete_gambar.php

Berikutnya untuk fitur menghapus data di tabel tb_gambar, kita akan menggunakan file delete_gambar.php untuk memproses delete datanya, silahkan buka file delete_gambar.php, lalu isikan skripnya seperti berikut ini :

<?php
if(isset($_GET['id_gambar']))
{
    include('koneksi.php');
    $id_gambar = $_GET['id_gambar'];
    $query = mysqli_query($koneksi,"delete from tb_gambar where id_gambar='$id_gambar'");
}
header('location:index.php');
?>

<?php

if(isset($_GET['id_gambar']))

{

include('koneksi.php');

$id_gambar = $_GET['id_gambar'];

$query = mysqli_query($koneksi,"delete from tb_gambar where id_gambar='$id_gambar'");

}

header('location:index.php');

Keterangan :

if(isset($_GET['id_gambar']))

1	if(isset($_GET['id_gambar']))

Baris 2 (delete_gambar.php) digunakan untuk melakukan pengecekan apakah saat mengakses file delete_gambar.php serta menyertakan variabel id_gambar dengan method get, jika iya maka akan menjalankan perintah di baris 4 – 6.

include('koneksi.php');

1	include('koneksi.php');

Baris 4 (delete_gambar.php) kita includekan file koneksi.php yang berisi koneksi ke database

$id_gambar = $_GET['id_gambar'];

1	$id_gambar = $_GET['id_gambar'];

Baris 5 (delete_gambar.php) digunakan untuk menangkap nilai dari variabel id_gambar dengan method get, lalu disimpan di variabel $id_gambar

$query = mysqli_query($koneksi,"delete from tb_gambar where id_gambar='$id_gambar'");

1	$query = mysqli_query($koneksi,"delete from tb_gambar where id_gambar='$id_gambar'");

Baris 6 (delete_gambar.php) kita menuliskan query untuk menghapus data di tabel tb_gambar dengan id_gambar yang sesuai dengan variabel $id_gambar

header('location:index.php');

1	header('location:index.php');

Baris 8 akan diredirect ke file index.php ketika telah menjalankan perintah di file delete_gambar.php

Nah jadi kurang lebih seperti itu teman – teman pembahasan mengenai pembuatan fitur Upload dan Menampilkan Blob Image dengan PHP dan MySQL, cukup panjang penjelasannya silahkan di ikuti step – per step penjelasan perbaris skripnya, jika ada yang perlu didiskusikan silahkan di kolom komentar.

Untuk download source code, silahkan klik disini

Baik sekian dulu sampai jumpa di seri tutorial selanjutnya.

ANDA INGIN SERIUS BELAJAR PEMROGRAMAN PHP ?

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, Warung Belajar Memiliki Beberapa Paket Tutorial yang bisa membantu anda dalam belajar Pemrograman PHP, dari mulai step – step dasar hingga mampu membuat aplikasi berbasis web dengan menggunakan PHP.

Paket Tutorial ini berisi video tutorial belajar pemrograman berbahasa indonesia, cocok sekali untuk anda yang sedang belajar pemrograman PHP, 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 Pemrograman PHP

9 thoughts on “Tutorial PHP Part 50 – Upload dan Menampilkan Blob Image dengan PHP dan MySQL”

Gabrierr
April 5, 2020 at 3:01 pm

gambarnya gak bisa nampil
- Aris SamsudinPost author
  June 2, 2020 at 10:44 pm
  
  gunakan source code yang kita sertakan mas
Andi
May 15, 2020 at 1:05 pm

Informasinya sangat membantu.
Terima kasih.
novi
May 21, 2020 at 10:26 pm

saya sudah mencoba seperti yang ada di atas tapi kenapa fotonya tidak bisa muncul? padahal semua sudah sesuai
- Aris SamsudinPost author
  May 23, 2020 at 6:30 pm
  
  coba gunakan source code yang kita siapkan di link download, dibagian bawah artikelnya
farhan
June 15, 2020 at 9:38 am

size nya gabisa diatas 1 mb ya ?
- Aris SamsudinPost author
  June 23, 2020 at 8:50 pm
  
  harusnya bisa kak, coba cek pengaturan di server phpnya
Lyana
December 3, 2020 at 10:10 pm

Maaf, kenapa yang saya datanya tidak dapat masuk ke dalam database? Saya sudah menggunakan source code dari website ini. Tapi, bedanya saya membuat $koneksi nya tidak menggunakan deklarasi variabel $user, $pw, dll dan juga saya membuat $koneksi di file function dan isinya berupa function CRUD. Kira-kira bagaimana cara mengatasinya? Terima kasih
- Aris SamsudinPost author
  December 15, 2020 at 7:03 am
  
  coba pastikan untuk seetingan konfigurasi ke dalam database sudah sesuai

Warung Belajar

Tutorial PHP Part 50 – Upload dan Menampilkan Blob Image dengan PHP dan MySQL

Membuat database

Membuat Project

Membuat koneksi ke database – koneksi.php

Membuat Halaman Form Upload – form_upload.php

Mencoba upload file gambar

Pemrosesan Form upload

Membuat File image_view.php untuk menampilkan gambar dari database

Menampilkan data hasil upload – index.php

Membuat fitur delete data – delete_gambar.php

ANDA INGIN SERIUS BELAJAR PEMROGRAMAN PHP ?

Tutorial Seminggu Menguasai PHP Dan MySQL

Tutorial HTML White Box – Panduan Belajar HTML Lengkap

Tutorial Web Programming Black Box – Tutorial Belajar HTML, CSS, Bootstrap 4, PHP OOP, dan MySQL – Study Kasus Membuat Aplikasi Sistem Management Stok Barang

Tutorial Membuat Aplikasi Dengan Codeigniter, Javascript Dan Ajax Jquery

Tutorial Membangun Layanan SMS Gateway Berbasis Client Server

Tutorial Membuat Aplikasi Dinamis Dengan HTML CSS Boostrap PHP Dan MySQL

TUTORIAL MEMBANGUN APLIKASI BERBASIS WEB DENGAN PHP MYSQL DAN BOOTSTRAP

Tutorial Tips Dan Trik Aplikatif Master PHP

Related

9 thoughts on “Tutorial PHP Part 50 – Upload dan Menampilkan Blob Image dengan PHP dan MySQL”

Leave a Reply Cancel reply

Membuat database

Membuat Project

Membuat koneksi ke database – koneksi.php

Membuat Halaman Form Upload – form_upload.php

Mencoba upload file gambar

Pemrosesan Form upload

Membuat File image_view.php untuk menampilkan gambar dari database

Menampilkan data hasil upload – index.php

Membuat fitur delete data – delete_gambar.php

ANDA INGIN SERIUS BELAJAR PEMROGRAMAN PHP ?

Tutorial Seminggu Menguasai PHP Dan MySQL

Tutorial HTML White Box – Panduan Belajar HTML Lengkap

Tutorial Web Programming Black Box – Tutorial Belajar HTML, CSS, Bootstrap 4, PHP OOP, dan MySQL – Study Kasus Membuat Aplikasi Sistem Management Stok Barang

Tutorial Membuat Aplikasi Dengan Codeigniter, Javascript Dan Ajax Jquery

Tutorial Membangun Layanan SMS Gateway Berbasis Client Server

Tutorial Membuat Aplikasi Dinamis Dengan HTML CSS Boostrap PHP Dan MySQL

TUTORIAL MEMBANGUN APLIKASI BERBASIS WEB DENGAN PHP MYSQL DAN BOOTSTRAP

Tutorial Tips Dan Trik Aplikatif Master PHP

Share this:

Related

You May Also Like

Tutorial Belajar PHP Part 28 – Cara Membuat Validasi Form di PHP

Tutorial Belajar PHP Part 4 – Menjalankan File PHP di Xampp

Tutorial Belajar PHP Part 10 – Mengenal Tipe data di PHP

9 thoughts on “Tutorial PHP Part 50 – Upload dan Menampilkan Blob Image dengan PHP dan MySQL”

Leave a Reply Cancel reply