Tutorial Menyimpan Gambar Ke Database akan menjelaskan cara menyimpan gambar ke database dan cara menampilkan gambar yang telah disimpan di database. Untuk bisa mengikuti tutorial ini anda harus mengerti cara mengupload gambar dengan PHP. Ada dua cara menyimpan gambar ke database:
Yang akan dibahas di tutorial ini adalah langkah pertama, Menyimpan gambar ke database dengan tipe data blob.
Ada beberapa hal yang perlu dilakukan sebelum bisa menyimpan gambar ke dalam sebuah field table database yang bertipe blob.
Buatlah sebuah database dengan nama misalkan “gallery“. Kemudian buat tabel di dalamnya dengan nama “pictures” dengan struk seperti di bawah:
Nama Field | Tipe Data | Keterangan |
---|---|---|
id | integer | primary key, auto increment |
file_name | varchar(100) | |
mime_type | varchar(50) | |
file_data | mediumblob |
Atau gunakan SQL Query berikut:
create database gallery; use gallery; CREATE TABLE `pictures` ( `id` int NOT NULL AUTO_INCREMENT, `file_name` varchar(100) NOT NULL, `mime_type` varchar(50) NOT NULL, `file_data` mediumblob DEFAULT NULL, PRIMARY KEY (`id`) );
Buat html form untuk mengupload gambar, gunakan script di bawah:
<!-- file form.html--> <form name="form1" id="form1" method="post" action="upload.php" enctype="multipart/form-data"> Gambar: <input type="file" name="gambar" id="gambar" /> <input type="submit" name="Submit" id="Submit" value="Upload" /> </form>
Simpan dengan nama file form.html.
Langkah selanjutnya adalah menyimpan gambar ke database, gunakalah script php di bawah untuk menyimpan gambar ke database.
<?php $connection = mysql_connect("dbhost", "dbuser", "dbpassword"); //sesuaikan dengan database anda mysql_select_db("gallery"); if($_FILES['gambar']['size'] > 0 && $_FILES['gambar']['error'] == 0){ $fileName = $_FILES['gambar']['name']; $mimeType = $_FILES['gambar']['type']; $tmpFile = fopen($_FILES['gambar']['tmp_name'], 'rb'); // (fileName, mode) $fileData = fread($tmpFile, filesize($_FILES['gambar']['tmp_name'])); $fileData = addslashes($fileData); $query = "insert into pictures set file_name='$fileName',mime_type='$mimeType', file_data='$fileData'"; mysql_query($query) or die("Upload Gambar Gagal: ".mysql_error()); echo "Gambar telah disimpan"; } ?>
Di baris 8, file yang diupload dibuka menggunakan fungsi fopen dengan mode ‘rb’ yang artinya membuka file dengan mode read dan mode binary. Di baris 9 membaca file yang telah dibuka di baris 8 dengan fungsi fread. Selanjutnya di baris 12 dan 13 menyimpan gambar ke database. Simpan script di atas dengan nama upload.php.
Menampilkan Gambar Dari Database
Langkah terakhir adalah menampilkan gambar yang telah disimpan di database. Untuk menampilkan gambar dibutuhkan 2 file. File gambar.php untuk me-render gambar dan file gallery.php untuk menampilkan gallery keseluruhan gambar yang tersimpan di database. Gunakanlah script berikut:
File gambar.php
<?php $connection = mysql_connect("dbhost", "dbuser", "dbpassword"); //sesuaikan dengan database anda mysql_select_db("gallery"); $idFile = $_GET['id']; $dataGambar = mysql_fetch_array(mysql_query("select * from pictures where id='$idFile'")); $filename = $dataGambar['file_name']; $mime_type = $dataGambar['mime_type']; $filedata = $dataGambar['file_data']; header("content-disposition: inline; filename=$filename"); header("content-type: $mime_type"); header("content-length: ".strlen($filedata)); echo ($filedata); ?>
File gallery.php
<?php $connection = mysql_connect("dbhost", "dbuser", "dbpassword"); //sesuikan dengan database anda mysql_select_db("gallery"); $query = "select * from pictures"; $result = mysql_query($query); $i=1; echo ' <table>'; echo ' <tr>'; while($gambar = mysql_fetch_array($result)){ echo ' <td><img src="gambar.php?id='.$gambar['id'].'" width="150" /></td> '; if($i % 4 == 0){ echo '</tr> <tr>'; } $i++; } echo '</tr> '; echo '</table> '; ?>
Download Tutorial dilengkapi source code
Digilib Digital Library merupakan aplikasi yang dibuat dengan tujuan untuk mempermudah proses pemonitoran perpustakaan untuk…
Aplikasi rekrutmen karyawan berbasis web ini dibangun menggunakan codeigniter, cukup lengkap untuk sebuah aplikasi rekrutmen.…
Script yang akan kami share kali ini digunakan untuk form input nama lokasi, yang pertama…
Meskipun masih sederhana tapi aplikasi cuti karyawan online ini cukup bagus untuk dijadikan bahan pembelajaran…
Sistem Perwalian Online Sistem kartu rencana studi online berbasis web, dibuat dengan menggunakan Codeigniter 2.1*.…
Kemajuan teknologi hari ini menuntut aktifitas manusia untuk berjalan menjadi lebih aktif dan cepat. Tidak…