Cara Gampang Membuat Upload Gambar Dengan Php Dan MySQL

Cara Gampang Membuat Upload Gambar Dengan Php Dan MySQL

Dengan Php apa aja bisa kita lakukan, mau membuat aplikasi web bisa, mau membuat sistem informasi juga bisa, mau membuat galeri dengan php dan mysql juga bisa, mau membuat upload Gambar tersimpan ke dalam database dan ditampilkan ketika setelah selesai meng-upload juga bisa. hehe

oke kali ini kita akan membuat sebuat tutorial php dan mysql, tutorial kali ini tentang upload gambar di php dan mysql.

di tutorial ini kita akan membuat pasilitas untuk mengupload gambar ke server, gambar yang kita upload akan tersimpan kedalam database mysql. jadi setelah kita mengupload gambar akan tersimpan kedalam sebuah folder di htdocs kita.

gimana kira-kira mengerti ngak ya?

mengerti atau tidak ikuti saja tutorial Cara Gampang Membuat Upload Gambar Dengan Php Dan MySQL ini agar tidak bingung dan bengong.hehe

sebelum masuk ke tutorial ini diharapkan di komputer anda sudah terinsall xampp dengan baik dan benar. karena penulis memakai xampp server jadi saya sarankan anda juga pakai xampp server agar sama, namun jika anda memakai software server lainnya boleh aja kok.

jika belum tau cara install xampp baca disini cara install xampp di windows.

pertama jalankan xampp anda aktifkan apache dan mysql

selanjutnya buat database di mysql anda, nama databasenya gambar 

oya buat databasenya di phpmyadmin aja biar gampang dan simpel.

setelah anda buat database dengan nama gambar kemudian anda buat sebuah tabel dengan nama tablenya adalah “tb_gambar” tanpa tanda petik.

agar lebih gampang jika anda memakai phpmyadmin jalankan aja query sql dibawah ini agar susunan tablenya sama.

DROP TABLE IF EXISTS `tb_gambar`;
   CREATE TABLE IF NOT EXISTS `tb_gambar` (
   `id` int(11) NOT NULL AUTO_INCREMENT,
   `judul_gambar` varchar(30) NOT NULL,
   `nama_file` varchar(50) NOT NULL,
   PRIMARY KEY (`id`)
   ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

nah sampai disini kita sudah membuat sebuah database mysql beserta table-nya.

baca : Cara Membuat, Mengubah dan Menghapus Table MySQL

langkah selanjutnya buat sebuah di dalam htdocs anda, nama foldernya upload_gambar

folder ini akan kita gunakan untuk menempatkan script php kita.

kemudian buka foder tersebut dan buat folder baru lagi dengan nama gambar

folder gambar ini gunanya sebagai tempat dari gambar yang kita upload nanti.

sampai disini sudah mengerti belum ya. saya anggap mengertilah ya.

selanjutnya kita akan masuk ke script php untuk upload gambar. silakan dibuka text editor kesayangan anda

simpan script berikut dengan nama index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form action="upload.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <p>Judul Gambar :
    <input name="judul_gambar" type="text" id="judul_gambar" size="30" maxlength="30" />
</p>
  <p>
    File Gambar
    : 
    <input name="nama_file" type="file" id="nama_file" size="30" />
</p>
  <p>
    <input type="submit" name="btnSimpan" id="btnSimpan" value="Simpan" />
  </p>
</form>
</body>
</html>

kode tersebut di simpan di folder upload_gambar tadi ya.

simpan script berikut dengan nama upload.php

<?php
$namafolder="gambar/"; //tempat menyimpan file
$con=mysql_connect("localhost","root","") or die("Gagal");
mysql_select_db("gambar")  or die("Gagal");
if (!empty($_FILES["nama_file"]["tmp_name"]))
{
	$jenis_gambar=$_FILES['nama_file']['type'];
	$judul_gambar=$_POST['judul_gambar'];
	if($jenis_gambar=="image/jpeg" || $jenis_gambar=="image/jpg" || $jenis_gambar=="image/gif" || $jenis_gambar=="image/x-png")
	{			
		$gambar = $namafolder . basename($_FILES['nama_file']['name']);		
		if (move_uploaded_file($_FILES['nama_file']['tmp_name'], $gambar)) {
			$sql="insert into tb_gambar(judul_gambar,nama_file) values ('$judul_gambar','$gambar')";
			$res=mysql_query($sql) or die (mysql_error());
			echo "Gambar berhasil dikirim ".$gambar;
			echo "<p>Judul Gambar : $judul_gambar</p>";		   
			echo "<p><img src=\"$gambar\" width=\"200\"/></p>";		   
		} else {
		   echo "<p>Gambar gagal dikirim</p>";
		}
   } else {
		echo "Jenis gambar yang anda kirim salah. Harus .jpg .gif .png";
   }
} else {
	echo "Anda belum memilih gambar";
}
?>

dari kode diatas silakan disesuaikan dengan koneksi localhost anda.

kemudian coba dijalankan  localhost/upload_gambar nanti akan tampil seperti gambar berikut.

upload gambar php
upload gambar di php

soba di test upload gambar nya, siapa tau ada yang error. penulis telah melakukan percobaan dan berhasil dengan hasil seperti gambar berikut ini

upload gambar php dan mysql
upload gambar php dan mysql

gimana dengan punya anda, apakah berhasi atau gagal?

sekian tutorial Cara Gampang Membuat Upload Gambar Dengan Php Dan MySQL

semoga dengan tutorial ini bisa menambah wawasan kita tentang belajar php dan mysql

salam

Keyword:

  • cara mengupload gambar di php hubungkan ke xampp
  • gagal upload gambar pada mysql
  • Upload foto dengan pjp
2 Comments
  1. edysitepu says

    Bg,saya edy. Saya mau bertanya. Utk menampilkan file gambar, kita pakai tag img dgn lebar dan tinggi 100px. Bagi user yg tdk mengupload gambar, tag img akan ditampilkan dgn gambar kosong/blank. Pertanyaan saya, bgmn cara agar tg img yg tdk mengupload tdk ditampilkan? Mohon bantuannya ya bg

    1. adies says

      Caranya hapus bagian script untuk menampilkan gambar kosong/blank nya…

Ada Komentar?

×