Tuesday, 15 May 2018

Cara Mengupload Gambar Ke Database Dengan PHP

Mengunggah foto dan menampilkannya dengan php dan mysql – Hallo.. Selamat bahagia sobat semua J Tentunya kembali lagi bersama tb yang akan selalu membagikan informasi, serta tips dan trik menarik seputar dunia teknologi. Pada kesempatan kali ini, saya akan membagikan sebuah trik dalam sebuah program bahasa PHP.


Setiap web developer pasti tahu dengan bahasa satu ini. PHP Hypertext Preproccesor adalah bahasa program komputer yang bekerja seperti mesin dalam basis web. Tak lepas dari PHP, database MYSQL selalu menjadi teman dari PHP. MYSQL bertugas menyimpan data yang dieksekusi oleh PHP.
Seperti yang kita ketahui, PHP memiliki banyak fungsi. Semua fungsi memiliki tugas masing-masing. Untuk segala pengertian fungsi/function dalam php, sudah saya beri penjelasannya pada:

Pengertian Function, Penggunaan Function, Dan Cara Membuat Function Sendiri Pada PHP

Dengan fungsi/function inilah semua bisa kita lakukan seperti:
 Membuat Website Forum 
Membuat Halaman Login & Logout 
Bahkan Membuat Situs Media Sosial Sendiri

Dan masih banyak lagi. Semua bisa kalian pelajari dengan klik link tersebut.

Untuk mengakses web offline dengan php mysql, diperlukan sebuah web server lokal. Biasanya yang digunakan oleh banyak developer web adalah XAMPP.

Baca: Pengertian, Fungsi, Dan Cara Menggunakan XAMPP Terlengkap

Nah, jika itu tadi sedikit penjelasan singkat tentang bahasa PHP, sekarang kita akan fokus ke pembahasan utama artikel ini. Yaitu cara upload gambar ke website menggunakan php dan mysql.

Bila kita berbicara tentang upload, maka kita akan belajar tentang CRUD (Create, Read, Update, Delete)
Sebenarnya tidak terlalu sulit untuk unggah foto ke database mysql dengan php asal tblogers memperhatikan. Kode untuk mengupload gambar dengan php yang saya buat disini cukup singkat dan akan mudah dipahami. Cukup dengan 1 file .php gambar akan terupload dan tertampil di website.

Oke sekarang kita masuk ke trik nya. Untuk mengupload foto ke website dengan php, ada beberapa hal yang perlu kita lakukan sebelumnya. Yaitu:

1. Buat folder “upload_gambar” dan buat folder “gambar” didalamnya. Seperti ini:

2. Buat database. Beri nama “latihan_upload_gambar” yang berisi table “gambar”. Dalam table gambar berisi field:

Cukup simpel kan?
Oke, sekarang kita masuk ke coding!

Silahkan pada halaman latihan, buat file index.php
Masukan kode berikut:

<!DOCTYPE html>
<html>
<head>
<title>Latihan Upload -  Foto teziger.blogspot.com</title>
</head>
<body>

<!-- KODE FORMULIR HTML -->
<form method="post" action="" enctype="multipart/form-data">
Upload Foto: <input type="file" name="gambar"><input type="submit" name="unggah" value="Unggah">
</form>
<!-- KODE FORMULIR HTML -->


<!-- KODE PHP UPLOAD GAMBAR-- >
<?php
$db = mysqli_connect("localhost","root","","latihan_upload_gambar"); // Koneksi ke database
if (isset($_POST['unggah'])) { //Jika tombol unggah di klik
$gambar = $_FILES['gambar']['tmp_name']; //Mengambil file gambar pada input type="file" name="gambar"
$alamat = $_FILES['gambar']['name']; //Mengambil alamat/url gambar pada input type="file" name="gambar"
$folder = "gambar/";

$pindah = move_uploaded_file($gambar, $folder.$alamat); //Memindahkan gambar ke file gambar/ yang sudah dibuat tadi
if ($pindah) { //Jika gambar berhasil dipindah
mysqli_query($db, "INSERT INTO gambar VALUES('','$alamat')"); //Masukan alamat gambar ke database
echo "<div>Berhasil Upload Gambar!</div>";
}
else{//Jika gambar gagal dipindah
echo "<div>Gambar gagal diunggah</div>"; //Tampilkan peringatan
}

}
?>
<!-- KODE PHP UPLOAD GAMBAR-->

<!-- KODE HTML & PHP UNTUK MENAMPILKAN GAMBAR-->
<?php
$q = mysqli_query($db, "SELECT*FROM gambar");
while ($d = mysqli_fetch_array($q)) {
?>

<center><img src="gambar/<?php echo $d['gambar'];?>" style="width:250px;height:250px;"><br></center>

<?php
}
?>
<!-- KODE HTML & PHP UNTUK MENAMPILKAN GAMBAR-->
</body>
</html>

Berikut ini adalah tampilannya:
Kolom Input HTML
Hasil Dari Input Gambar
Cukup mudah bukan? Seperti yang saya bilang tadi, segala tutorial yang saya buat disini sangat mudah, simpel, dan saya buat lebih sederhana.
Segala penjelasan bisa kalian lihat di comment code. Agar lebih mudah dipahami dan dimengerti, berikut ini source code upload gambar ke website dengan php yang bisa kalian download.

DOWNLOAD SOURCE CODE
Pass Winrar: tezigerblog

Oke sekian tutorial TB kali ini tentang cara unggah foto ke website dengan php dan mysql. Semoga bermanfaat. Terima Kasih dan Happy Blogging!

2 komentar:

  1. Itu file gambarnya yang mau di upload perlu kode file gambar tersebut atau langsung bisa di upload tanpa memasukan kode gambar..?? Saya masih belum paham dengan penjelasan yang di atas..

    ReplyDelete

Hai, Mohon Komentar Yang Relevan Dan Tidak OOT!