Mengupload Gambar dengan PHP 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>
<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:
Cukup mudah bukan? Seperti yang saya bilang tadi, segala tutorial yang saya buat disini sangat mudah, simpel, dan saya buat lebih sederhana.
 |
| Kolom Input HTML |
 |
| Hasil Dari Input Gambar |
Komentar
Posting Komentar